zoukankan      html  css  js  c++  java
  • easyui datagrid 表格适应屏幕

    1.项目后台系统使用easyui,datagrid 的数据设置为自动适应屏幕,那么对于笔记本的话,就会显得有的小,可以通过设置datagrid属性,进行固定长度的设置

    $('#gridTable').datagrid(
                {
                    idField : 'id', // 只要创建数据表格 就必须要加 ifField
                    title : title,
                    fit : true,
                    url : top.baseUrl+ 'customer/bail/allBailPayDetailsQuery',
                    method : 'POST',
                    fitColumns : true,
                    nowrap : false,
                    striped : true, // 隔行变色特性S
                    loadMsg : '数据正在加载,请耐心的等待...',
                    rownumbers : true,

    这样设置,每一列都会按照,比例进行显示。

    2.另一种方式

    $('#gridTable').datagrid(
                {
                    idField : 'id', // 只要创建数据表格 就必须要加 ifField
                    title : title,
                    fit : true,
                    url : top.baseUrl+ 'customer/bail/allBailPayDetailsQuery',
                    method : 'POST',
                    fitColumns : false,
                    nowrap : false,
                    striped : true, // 隔行变色特性S
                    loadMsg : '数据正在加载,请耐心的等待...',
                    rownumbers : true,
                    //sortName : 'customerNo',
                    //sortOrder : 'desc',

    这个时候,就是按照设置的具体尺寸进行显示。

    columns : [ [ {
                        field : 'bailClass',
                        title : '类别',
                        width : 120,
                        align : 'center',
                        formatter : returnFtt
                    }, {
                        field : 'agencyName',
                        title : '市场名称',
                        width : 250,
                        align : 'center'
                    }, {
                        field : 'payWay',
                        title : '支付渠道',
                        width : 120,
                        align : 'center',
                        formatter : payWayFtt
                    }, {

  • 相关阅读:
    vue 传参动态
    a href="tel" 拨打电话
    vue中rem的转换
    请求接口的封装
    http request 请求拦截器,有token值则配置上token值
    node溢出
    vue菜单切换
    vue的table切换
    vue页面初始化
    [论文笔记] Legacy Application Migration to the Cloud: Practicability and Methodology (SERVICES, 2012)
  • 原文地址:https://www.cnblogs.com/mr-wuxiansheng/p/6391161.html
Copyright © 2011-2022 走看看