查看: 8879|回复: 12

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

hbpqwxh

注册会员

Rank: 2

电梯直达

楼主

发表于 2019-11-28 10:23:02 |只看该作者 |倒序浏览

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

收藏0

dforce

超级版主

Rank: 8 Rank: 8

沙发

发表于 2019-11-28 13:37:28 |只看该作者

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

hbpqwxh

注册会员

Rank: 2

板凳

发表于 2019-11-28 14:35:50 |只看该作者

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

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

hbpqwxh

注册会员

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="checkcolumn" ></div>
         <div field="TRAIN_NUM" width="50" headerAlign="center" allowSort="true">车次</div>
</div>
</div>