slickgridで非表示の列を使用することはできますか?非表示の列では、各行にいくつかのデータを保存することを意味しますが、このデータをグリッドに表示させたくありません。slickgridで非表示の列を追加する方法
答えて
データとグリッドの列との間に暗黙の関係はありません。これらの2つは完全に独立して存在します。したがって、データに実際にグリッド列にバインドされるよりも多くのフィールドが含まれる可能性があります。
例:
var grid;
var columns = [
{id: "title", name: "Title", field: "title"},
{id: "duration", name: "Duration", field: "duration"},
{id: "%", name: "% Complete", field: "percentComplete"},
{id: "effort-driven", name: "Effort Driven", field: "effortDriven"}
];
var options = {
enableCellNavigation: true,
enableColumnReorder: false
};
$(function() {
var data = [];
for (var i = 0; i < 500; i++) {
data[i] = {
title: "Task " + i,
duration: "5 days",
percentComplete: Math.round(Math.random() * 100),
start: "01/01/2009",
finish: "01/05/2009",
effortDriven: (i % 5 == 0)
};
}
grid = new Slick.Grid("#myGrid", data, columns, options);
})
ここに私のdata
配列はフィールドstart
とfinish
が含まれていますが、私は私のcolumns
アレイを作成する場合は、それらを除外することを選択しました。
優秀!私はこれがスリックグリッドを破ると思った。ありがとうございました。 – sivann
これは正しいです。しかし、私の状況では合計8列あり、そのうちの4列がグリッドに表示されます。コンポジットエディタを使用する場合、列が宣言されていない場合、どのようにして列エディタを定義できますか? 「目に見える」列のプロパティは本当に素晴らしいでしょう。 – user1517081
http://mleibman.github.io/SlickGrid/examples/に複合編集のサンプルがあります。 –
grid.setColumns
を使用してこれを達成できると思います - グリッドを宣言している間にcolumns={id, a, b, c}
が設定されているとします。グリッドが初期化された後、grid.setColumns(newColumns)
を呼び出すことができます。newColumns
は、id-newColumns={a, b, c}
を除いた新しい列配列です。
この列は引き続きアクセス可能で、それに関連付けられているすべてのデータも使用可能である必要があります。
希望すると便利です。
- 1. Slickgridボタンに列を追加する
- 2. ブートストラップデータテーブルの列を非表示/非表示にする方法は?
- 3. 範囲の境界に追加された列の非表示/非表示方法
- 4. material-uiテーブルで列を非表示/表示する方法は?
- 5. r集合関数 - 追加の列を表示する方法
- 6. robots.txtを追加して非表示にする正しい方法ですか?
- 7. jquery ui.slider:ハンドルを表示/非表示にするクリックイベントを追加
- 8. イメージリテラルを配列に追加して表示する方法は?
- 9. divタグに表示/非表示を追加する
- 10. slickgridにチェックボックスを追加するには?
- 11. テーブルから列を非表示/表示する方法は?
- 12. in yii2、列を動的に表示/非表示する方法
- 13. C#でプロセスを非表示/非表示にする方法は?
- 14. javascriptのオプション要素に非表示フィールドを追加する方法
- 15. Googleのグラフの表の列を非表示にする方法
- 16. OnClick関数にsetTimeoutを追加する方法複数のdivで表示/非表示
- 17. ロータスノートの表の列を非表示にする方法は?
- 18. jquery datatables列の表示/非表示が間違った選択を追加
- 19. メインウィンドウのクロムエクステンションを非表示/非表示にする方法
- 20. イオンメニュー、ナビコンアイコンの非表示クラスのデフォルト追加を避ける方法
- 21. Angular2 POSTで空の配列を非表示にする方法
- 22. WooCommerce:非管理者用の新しい商品の追加ページでカスタムフィールドを非表示にする方法
- 23. JQueryのステップ:ユーザーの入力に基づいて追加のステップを表示/非表示にする方法
- 24. SlickGridにカスタムボタンを追加しますか?
- 25. PHPで複数のCSVテキストフィールドを表示、追加する方法
- 26. テーブルビューでUIBarbuttonitemを非表示または追加する
- 27. d3.jsの追加要素の表示と非表示
- 28. Excelで列を非表示/非表示にする
- 29. UI要素を非表示/表示vs追加/削除(スウィフト)
- 30. jQuery表示/非表示 - アクティブなクラスの追加/削除
'display:none'? – undefined
どこに置くのですか?私はそれが良い方法だとは思わない。 – sivann