我使用JQuery Bootgrid进行表格显示、分页、搜索等。我不喜欢它的是命令按钮,我只想在表格中添加简单的html按钮,例如:
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>";
这种方法在我使用之前效果很好
<table id="data-table">
它在bootgrid上运行。Bootgrid不会在我的表中显示按钮。有人知道如何关闭bootgrid命令按钮以便我可以添加自己的命令按钮吗?我的按钮工作得很好,直到我添加bootgrid,它拒绝在我的表中显示它们。谢谢你的帮助我是Bootgrid的新手。
了解如何使用格式化程序。
如果每个单元格都包含您的$expenseID
,则创建一列。
确保在费用id列标题上设置了data-column-id
。对于本例,我们将其设置为data-column-id="expenseId"
。通过将data-visible-in-selection='false'
和data-visible='false'
也添加到列标题中,可以完全隐藏该列。
在"操作"的列标题中,您还需要通过传递data-formatter
来指定要使用的格式化程序。在这种情况下,我将格式化程序函数命名为expenseReportEdit
,因此我们将使用data-formatter="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>
然后创建格式化程序函数,如…
$("#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>";
}
}
});