reactjs - Bootstrap-table data-show-column in react -

i able choose dropdown, columns shown in table in react.

something in example: http://issues.wenzhixin.net.cn/bootstrap-table/

i use "column" dropdown button in toolbar. can't use in react..

i tried this: https://fiddle.jshell.net/wenyi/uzgkzjcp/7/light/

but error message:

error in ./~/bootstrap-table/package.json module parse failed: ..\node_modules\bootstrap-table\package.json unexpected token (2:9) may need appropriate loader handle file type. syntaxerror: unexpected token (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

someone has idea? thanks!

i had same error bootstrap-table. solve it, had edit ~/bootstrap-table/package.json.

there line

"main":"gruntfile.js",

i changed to

"main": "./dist/bootstrap-table.js",

i don't understand, suspect gruntfile.js designed run on server-side, , we're running on client-side.