bootstrap table Tooltip

bootstrap table Tooltip怎么用?直接上代码

$("#tables").bootstrapTable({
    search: true,
    pagination: true,
    pageSize: 5,
    bAutoWidth: true,
    clickToSelect: true,
    locale: "zh-CN",
    striped: true,
    url: "{{url('madmin/main/orders_list')}}",
    method: "post",
    queryParams: {
        "_token": "{{ csrf_token() }}",  ##增加验证参数
    },
    undefinedText:'---',
    columns: [
        {
            field: 'orders_num',//域值
            title: '订单号',//标题
            visible: true,//false表示不显示
            sortable: true,//启用排序
            width : '12%',
        },
        {
            field: 'name',//域值
            title: '产品名称',//标题
            visible: true,//false表示不显示
            sortable: true,//启用排序
            //width : '10%',
            formatter:function(value,row,index){  ##重新组合字符串 增加tooltip功能
                var value1 = value;
                var leng = 15;
                if(value.length>leng){
                    value = value.substring(0,leng)+'...'
                }
                return '<span data-toggle="tooltip" title='+ value1 +'>'+value+'</span>';
            }
        },
        {
            field: 'price',//域值
            title: '订单金额',//标题
            visible: true,//false表示不显示
            sortable: true,//启用排序
            //width : '10%',
            align:"center",
        },
        {
            field: 'orders_status',//域值
            title: '订单状态',//标题
            visible: true,//false表示不显示
            sortable: true,//启用排序
            //width : '10%',
            align:"center",
        },
        {
            field: 'go_pay',//域值
            title: '操作',//标题
            align:"center",
        },


    ]
});

bootstrap table Tooltip怎么用?快试试吧!!!

喜欢(0)

评论 抢沙发

表情