Question

私はテーブル表示、ページネーション、検索などにJQuery Bootgridを使用しています。私はそれについて気に入らないのはコマンドボタンです。以下のような私のテーブル：私はbootgridにtuirns

<table id="data-table"> 

を使用するまで

echo "<td><a href='expensereport.php?source=editexpenses&p_id=$expenseID'><button class='btn btn-primary btn-icon' type='button'><span class='zmdi zmdi-edit'></span></button></a>"; 

は、このアプローチは素晴らしい作品。ブートグリッドは私のテーブルのボタンを表示しません。私は自分自身を追加できるようにbootgridのコマンドボタンをオフにする方法を知っていますか？私のボタンはブートグリッドを追加するまでうまく動作します。ブートグリッドはテーブルに表示されません。私はBootgridを初めて使ってくれてありがとう。

Answer 1

Formattersをご利用ください。

各セルには$expenseIDが含まれていました。

data-column-idが費用ID列の頭に設定されていることを確認してください。この例では、data-column-id="expenseId"に設定します。 data-visible-in-selection='false'とdata-visible='false'を列ヘッダーにも追加することで、この列を完全に非表示にすることができます。

"アクション"の列見出しには、data-formatterを渡して使用するフォーマッタも指定する必要があります。この場合、私はdata-formatter="expenseReportEdit"を使用するようにフォーマッタ関数expenseReportEditに名前を付けました。テーブルヘッド用

あなたのHTMLマークアップは次のようなものになります。..

<thead> 
    <tr> 
     <th data-column-id="expenseId" data-identifier='true' data-visible-in-selection='false' data-visible='false'>Expense ID</th> 
     <th data-column-id="expenseActions" data-formatter="expenseReportEdit">Actions</th> 
    </tr> 
</thead> 

その後、私は複数のボタン、削除のための1つを持っている場合はどう..だから

$("#yourTableId").bootgrid({ 
    formatters: {      
     expenseReportEdit: function (column, row) { 
      return "<a href=\"expensereport.php?source=editexpenses&p_id=" + row.expenseId + "\"><button class='btn btn-primary btn-icon' type='button'><span class='zmdi zmdi-edit'></span></button></a>"; 
     } 
    } 
});