Bootstrap-Tabelle Daten-Show-Spalte in reagieren

Question

Ich würde gerne mit einem Dropdown wählen können, welche Spalten in meiner Tabelle in React angezeigt werden.

So etwas wie in diesem Beispiel: http://issues.wenzhixin.net.cn/bootstrap-table/

Ich mag die „Spalte“ Drop-down-Schaltfläche in einer Symbolleiste verwenden. Aber ich kann es nicht verwendet Reagieren ..

Ich habe versucht, so etwas zu tun: https://fiddle.jshell.net/wenyi/uzgkzjcp/7/light/

Aber ich bekomme diese Fehlermeldung:

ERROR in ./~/bootstrap-table/package .json Modulparse fehlgeschlagen: .. \ node_modules \ bootstrap-table \ package.json Unerwartetes Token (2: 9) Möglicherweise benötigen Sie einen geeigneten Loader, um diesen Dateityp zu verarbeiten. SyntaxError: Unerwartetes Token (2: 9) bei Parser.pp $ 4.raise (.... \ node_modules \ acorn \ dist \ acorn.js: 2221: 15) bei Parser.pp.unexpected (.... \ node_modules \ acorn \ dist \ acorn.js: 603: 10) bei Parser.pp.semicolon (.... \ node_modules \ acorn \ dist \ acorn.js: 581: 61) bei Parser.pp $ 1.parseExpressionStatement (.... \ node_modules \ acorn \ dist \ acorn.js: 966: 10) bei Parser.pp $ 1.parseStatement (.... \ node_modules \ acorn \ dist \ acorn.js: 730: 24) bei Parser.pp $ 1.parseBlock (.... \ node_modules \ acorn \ dist \ acorn.js: 981: 25) bei Parser.pp $ 1.parseStatement (.... \ node_modules \ acorn \ dist \ acorn.js: 709: 33) bei Parser.pp $ 1.parseTopLevel (.... \ node_modules \ acorn \ dist \ acorn.js: 638: 25) bei Parser.parse (.... \ node_modules \ acorn \ dist \ acorn.js: 516: 17) bei Object.parse (.... \ node_modules \ acorn \ dist \ acorn.js: 3098: 39) @ ./~/bootstrap-table/Gruntfile.js 104: 22-47

Hat jemand eine Idee? Danke!

Answer 1

Ich hatte den gleichen Fehler für Bootstrap-Tabelle. Um es zu lösen, musste ich ~/bootstrap-table/package.json bearbeiten.

Es ist eine Linie

"main":"Gruntfile.js",

ich diese

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

Ich verstehe nicht vollständig zu

geändert, aber ich vermute Gruntfile.js auf der Server-Seite werden soll laufen, und wir führen es auf der Client-Seite.