Twitter bootstrap 如何在引导表中添加引导按钮
如何在中添加引导按钮Twitter bootstrap 如何在引导表中添加引导按钮,twitter-bootstrap,bootstrap-table,Twitter Bootstrap,Bootstrap Table,如何在中添加引导按钮 按钮 按钮 我已经想出了解决办法。我想和大家分享 这是我的桌子: <table id="table" data-toggle="table" data-pagination="true" data-url="data/RegisteredVisitors.json" data-show-refresh="true" data-show-toggle="true" data-show-columns="true
按钮
按钮
我已经想出了解决办法。我想和大家分享
这是我的桌子:
<table
id="table"
data-toggle="table"
data-pagination="true"
data-url="data/RegisteredVisitors.json"
data-show-refresh="true"
data-show-toggle="true"
data-show-columns="true"
data-search="true"
data-show-pagination-switch="true"
data-id-field="visitor_id"
data-page-list="[10, 25, 50, 100, ALL]"
data-show-footer="false">
<thead>
<tr>
<th data-field="visitor_id" data-checkbox="false" >#</th>
<th data-field="visitor_number" data-formatter="VisitorDetails">Visitor #</th>
<th data-field="visitor_names" data-formatter="VisitorDetails" data-sortable="true">Visitor Names</th>
<th data-field="phone_number" data-sortable="true">Phone Number</th>
<th data-field="matter_type" data-sortable="true">Matter Type</th>
<th data-field="office_name" data-sortable="true">Office Attending</th>
<th data-field="time_in" data-sortable="true">Time In</th>
<th data-field="time_out" data-sortable="true">Time Out</th>
<th data-field="last_visit" data-sortable="true">Last Visit</th>
<th data-formatter="TableActions">Action</th>
</tr>
</thead>
</table>
#
访客#
访客姓名
电话号码
物质类型
办公室护理
时间
时间到
最后一次访问
行动
这是我的jQuery函数
function TableActions (value, row, index) {
return [
'<a class="like" href="javascript:void(0)" title="Edit">',
'<i class="glyphicon glyphicon-pencil"></i>',
'</a> ',
'<a class="danger remove" href="javascript:void(0)" data-visitorserial="'+row.visitor_id+'" data-visitornames="'+row.visitor_names+'" data-visitorid="'+row.visitor_number+'" data-toggle="modal" data-target="#VisitorDelete" title="Remove">',
'<i class="glyphicon glyphicon-trash"></i>',
'</a>'
].join('');
}
函数表动作(值、行、索引){
返回[
' ',
''
].加入(“”);
}
终于让它运行起来了。对我来说,我做到了
#
弗斯特
最后
活动
1.
做记号
奥托
编辑
2.
雅各布
桑顿
编辑
3.
拉里
鸟
编辑
如果您的目标是引导按钮,也可以尝试以下操作
function TableActions(value, row, index) {
return '<button class="btn btn-primary">Add</button>'
}
函数表动作(值、行、索引){
返回“添加”
}
@Joseph Daudi的答案很好,我想补充一些内容
创建自定义操作,例如
tableAction