反应中的Bootstrap-table data-show-column

Question

我希望能够选择一个下拉列表，哪些列显示在React的表格中。

此示例中的内容：http://issues.wenzhixin.net.cn/bootstrap-table/

我想使用＆＃34;列＆＃34;工具栏中的下拉按钮。但是我无法在React中使用它。

我尝试过这样的事情：https://fiddle.jshell.net/wenyi/uzgkzjcp/7/light/

但我收到此错误消息：

./~/bootstrap-table/package.json中的错误 模块解析失败：.. \ node_modules \ bootstrap-table \ package.json意外的令牌（2：9） 您可能需要适当的加载程序来处理此文件类型。 SyntaxError：意外的令牌（2：9）     在Parser.pp $ 4.raise（.... \ node_modules \ acorn \ dist \ acorn.js：2221：15）     在Parser.pp.unexpected（.... \ node_modules \ acorn \ dist \ acorn.js：603：10）     在Parser.pp.semicolon（.... \ node_modules \ acorn \ dist \ acorn.js：581：61）     在Parser.pp $ 1.parseExpressionStatement（.... \ node_modules \ acorn \ dist \ acorn.js：966：10）     在Parser.pp $ 1.parseStatement（.... \ node_modules \ acorn \ dist \ acorn.js：730：24）     在Parser.pp $ 1.parseBlock（.... \ node_modules \ acorn \ dist \ acorn.js：981：25）     在Parser.pp $ 1.parseStatement（.... \ node_modules \ acorn \ dist \ acorn.js：709：33）     在Parser.pp $ 1.parseTopLevel（.... \ node_modules \ acorn \ dist \ acorn.js：638：25）     在Parser.parse（.... \ node_modules \ acorn \ dist \ acorn.js：516：17）     在Object.parse（.... \ node_modules \ acorn \ dist \ acorn.js：3098：39）  @ ./~/bootstrap-table/Gruntfile.js 104：22-47

有人有想法吗？ 谢谢！

Answer 1

我对bootstrap-table有同样的错误。要解决它，我必须编辑〜/ bootstrap-table / package.json。

有一行

  

＆＃34;主＆＃34;：＆＃34; Gruntfile.js＆＃34;，

我将此更改为

  

＆＃34; main＆＃34;：＆＃34; ./ dist / bootstrap-table.js＆＃34;，

我不完全理解，但我怀疑Gruntfile.js是在服务器端运行的，我们在客户端运行它。