• 关于bootstrap table 固定列宽


    首先为table 设置 style="table-layout: fixed;"
     <table id="assessStage" data-height="467" data-mobile-responsive="true" style="table-layout: fixed;">
                    </table>
    然后在下方columns 处设置width
    $('#assessStage').bootstrapTable({
                method: 'get',
                url: "xxx",
                btn: true,
                pagination: true,
                pageSize: 10,
                pageNumber: 1,
                pageList: [10, 15, 30],//分页步进值
                striped: true,
                dataField: "list",
                iconSize: 'outline',
                icons: {
                    refresh: 'glyphicon-repeat',
                    toggle: 'glyphicon-list-alt',
                    columns: 'glyphicon-list'
                },
                columns: [
                    [
                        {
                            field: 'student_name',
                            title: '姓名',
                            align: 'center',
                            colspan: 1
                            ,100
                        },
                        {
                            field: 'hospital_name',
                            title: '带教单位',
                            align: 'center',
                            colspan: 1
                            ,200
                        },
                        {
                            field: 'teacher_name',
                            title: '指导老师',
                            align: 'center',
                            colspan: 1
                            ,100
                        },
                        {
                            field: 'start_time',
                            title: '开始时间',
                            align: 'center',
                            colspan: 1,
                            100
                        }
                    ]
                ]
            });

  • 相关阅读:
    计算机网络 基础 1
    JAVA 基础之 多线程
    HashMap 多线程处理之 FailFast机制:
    Struts2
    JAVA 由浅及深之 Servlet
    Servlet 会话技术 , Session 及 Cookie 详解
    JAVA 设计模式 : 单例模式
    JAVA 基础之 序列化 Serializable
    代理模式 及 实现AOP 拦截机制
    web.xml 文件详解 及 listener、 filter、servlet 加载顺序
  • 原文地址:https://www.cnblogs.com/zhuyeshen/p/11981916.html
Copyright © 2020-2023  润新知