更好看的Bootstrap数据表

时间:2015-07-30 14:17:55

标签: html twitter-bootstrap user-interface

HI我希望获得对用户更具吸引力的更好看的引导数据表。有没有一个我可以用来实现这个的bootstrap库?我目前正在使用最新的bootstrap。

2 个答案:

答案 0 :(得分:0)

尝试在表标记中添加类:

    <table class="table table-bordered table-striped">
        <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Value</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>id</td>
                <td>name</td>
                <td>value</td>
            </tr>
        </tbody>
    </table>

查看http://getbootstrap.com/css/#tables了解更多示例。

为了增加功能,我建议https://datatables.net/examples/styling/bootstrap.html#可以轻松集成搜索,一次显示的行数以及列的重新排序(个人而言,我尚未获得重新订购的功能,但其余的都很好)。

答案 1 :(得分:0)

尝试引导表

扩展的Bootstrap表,包含无线电,复选框,排序,分页和其他附加功能。 (支持twitter bootstrap v2和v3)

http://issues.wenzhixin.net.cn/bootstrap-table/