首页 > Bootstrap表格插件Bootstrap Table配置教程 > bootstrap table icons 图标相关设置

bootstrap table icons 图标相关设置

icons图标

通过icons属性设置的图标,以下代码为默认图标。

var icons={
    paginationSwitchDown: 'fa-caret-square-down',
    paginationSwitchUp: 'fa-caret-square-up',
    refresh: 'fa-sync',
    toggleOff: 'fa-toggle-off',
    toggleOn: 'fa-toggle-on',
    columns: 'fa-th-list',
    fullscreen: 'fa-arrows-alt',
    detailOpen: 'fa-plus',
    detailClose: 'fa-minus'
};

//bootstrap table初始化数据
$('#table').bootstrapTable({
    icons:icons,   // 1,设置修改图标 
    columns: columns, //表格列
    data: data //需要显示的数据
});

iconSize设置图标大小

$('#table').bootstrapTable({
    iconSize:"sm",   // 1,设置修改图标  sm小图标 lg大图标
    columns: columns,//表格列
    data: data//需要显示的数据
});

在线试一试