jQuery MiniUI

 找回密码
 立即注册
楼主: hbpqwxh
打印 上一主题 下一主题

怎么改变整个datagrid中的字体大小和列距 [复制链接]

Rank: 2

地板
发表于 2019-11-28 14:57:59 |只看该作者
dforce 发表于 2019-11-28 13:37
datagrid中各部分的文字是由不同的样式决定的
比如表格中文字,可以修改这个样式来修改
.mini-grid-cell-in ...

好似没有变化呀,是这样吗?
.mini-grid-cell-inner{
     font-size:3;
      }
    </style>
</head>
<body>
<div id="datagrid1" class=" mini-datagrid mini-grid-cell-inner" style="width:820px;height:360px;" allowResize="true"
          idField="ID" multiSelect="false" showPager="false"    >
         <div property="columns">
            <!--<div type="indexcolumn"></div>        -->
            <div type="checkcolumn" ></div>     
            <div field="TRAIN_NUM" width="50" headerAlign="center" allowSort="true">车次</div>
</div>
    </div>

Rank: 2

板凳
发表于 2019-11-28 14:35:50 |只看该作者
dforce 发表于 2019-11-28 13:37
datagrid中各部分的文字是由不同的样式决定的
比如表格中文字,可以修改这个样式来修改
.mini-grid-cell-in ...

就是每行的间隔,是不是字体大小变了,行距自然就变了?因为网页的默认字太大了,每页要显示50行,要一次性在一个屏幕上,不能翻页和滚动屏幕,所以要把字体改小才能放下。

Rank: 8Rank: 8

沙发
发表于 2019-11-28 13:37:28 |只看该作者
datagrid中各部分的文字是由不同的样式决定的
比如表格中文字,可以修改这个样式来修改
.mini-grid-cell-inner{
     font-size:
}
表头文字
.mini-grid-headerCell-inner{
   font-size:
}
你说的列距我就不太明白了,表格每列的宽度都是可以自定义的。

Archiver|普加软件

GMT+8, 2024-7-2 11:28 , Processed in 1.045068 second(s), 8 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部