twitter-bootstrap – 如何在bootstrap-table中添加bootstrap按钮

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 如何在bootstrap-table中添加bootstrap按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在 bootstrap-table添加引导按钮

请任何人帮忙

解决方法

我已经想出了解决方案ID喜欢分享它.
这是我的桌子
<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('');
        }

终于搞定了

原文链接:https://www.f2er.com/bootstrap/233881.html

猜你在找的Bootstrap相关文章