jQuery MiniUI

标题: 怎么改变整个datagrid中的字体大小和列距 [打印本页]

作者: hbpqwxh 时间: 2019-11-28 10:23:02 标题: 怎么改变整个datagrid中的字体大小和列距

怎么改变整个datagrid中的字体大小和列距?

作者: dforce 时间: 2019-11-28 13:37:28

datagrid中各部分的文字是由不同的样式决定的
比如表格中文字，可以修改这个样式来修改
.mini-grid-cell-inner{
font-size:
}
表头文字
.mini-grid-headerCell-inner{
font-size:
}
你说的列距我就不太明白了，表格每列的宽度都是可以自定义的。

作者: hbpqwxh 时间: 2019-11-28 14:35:50

dforce 发表于 2019-11-28 13:37
datagrid中各部分的文字是由不同的样式决定的
比如表格中文字，可以修改这个样式来修改
.mini-grid-cell-in ...

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

作者: hbpqwxh 时间: 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="checkcolumn" ></div>
         <div field="TRAIN_NUM" width="50" headerAlign="center" allowSort="true">车次</div>
</div>
</div>

作者: dforce 时间: 2019-11-28 16:45:50

hbpqwxh 发表于 2019-11-28 14:57
好似没有变化呀，是这样吗？
.mini-grid-cell-inner{
font-size:3;

浏览器有默认的最小字号，你设置了3也太小了吧
.mini-grid-cell-inner{
line-height:15px;
font-size:11px;
}

作者: hbpqwxh 时间: 2019-11-29 09:58:37

dforce 发表于 2019-11-28 16:45
浏览器有默认的最小字号，你设置了3也太小了吧
.mini-grid-cell-inner{
line-height:15px;

字体是变小了，可是第一列的选择框占用了很大控件，这个怎么变小呀？
<div type="checkcolumn" ></div> 就是这一列？

作者: dforce 时间: 2019-11-29 10:18:29

hbpqwxh 发表于 2019-11-29 09:58
字体是变小了，可是第一列的选择框占用了很大控件，这个怎么变小呀？
就是这一列？ ...

修改line-height就会修改这行的行高
checkbox的话看你用什么皮肤，示例默认的皮肤是用文字图标做的，对应修改字体大小
如果是default等传统皮肤，是用图片做的，需要你找小图片来替换。

作者: hbpqwxh 时间: 2019-11-29 10:24:04

dforce 发表于 2019-11-29 10:18
修改line-height就会修改这行的行高
checkbox的话看你用什么皮肤，示例默认的皮肤是用文字图标做的，对应 ...

我是用的默认，上面没有文字的，请问图片在哪个目录下？什么文件？

作者: dforce 时间: 2019-11-29 10:32:49

hbpqwxh 发表于 2019-11-29 10:24
我是用的默认，上面没有文字的，请问图片在哪个目录下？什么文件？

scripts\miniui\themes\default\images文件夹下
这修改需要一个熟悉css的前端人员处理，图片和样式的修改是需要一起处理的

作者: hbpqwxh 时间: 2019-11-29 10:39:03

dforce 发表于 2019-11-29 10:32
scripts\miniui\themes\default\images文件夹下
这修改需要一个熟悉css的前端人员处理，图片和样式的修改 ...

看了一下，改起来不容易。有没有简单的办法，第一列供用户选择，可以调大小的办法？

作者: dforce 时间: 2019-11-29 17:01:20

hbpqwxh 发表于 2019-11-29 10:39
看了一下，改起来不容易。有没有简单的办法，第一列供用户选择，可以调大小的办法？ ...

没有其他的方法，如果要改大小，必须换图片

作者: hbpqwxh 时间: 2019-12-3 10:41:05

dforce 发表于 2019-11-29 17:01
没有其他的方法，如果要改大小，必须换图片

能不能去掉<div type="checkcolumn" ></div>这一列，然后选中的用另外一种颜色显示？

作者: felt 时间: 2019-12-3 16:59:54

hbpqwxh 发表于 2019-12-3 10:41
能不能去掉这一列，然后选中的用另外一种颜色显示？

不明白你的意思
checkcolumn是用来表示选择关系的列

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)