FineUI 官方论坛

标题: Pro中Grid表格实现行高设置的方法分享 [打印本页]

作者: 夜冰    时间: 2018-4-26 10:38
标题: Pro中Grid表格实现行高设置的方法分享
以前在开源版中,设置表格的行高是通过一个html控件来撑高的,但是在新版中,用同样的方法无法设置成最小宽度为1px,不好看,但是可以通过设置css来实现行高的设定.

1. aspx中增加样式
<style type="text/css">
    <!--
       .f-grid-row.rowH
       {
            height:40px;
        }
    -->
</style>


2. 在后台代码中增加绑定
Protected Sub DG_show_RowDataBound(ByVal sender As Object, ByVal e As FineUIPro.GridRowEventArgs) Handles DG_show.RowDataBound
        e.RowCssClass = "rowH"
End Sub


这样就很完美了,不过发现只能写在当前页面中,不能写在css文件中.


作者: 夜冰    时间: 2018-4-26 11:42
还有一种方法,不用在后台代码中改,只需要增加样式文件,设置表格的CssClass="f-grid-table f-grid-row"就可以了,
<style type="text/css">
         <!--
           .f-grid-table .f-grid-row
            {
               height:40px;
            }
        -->
    </style>
作者: ramble5956    时间: 2019-8-11 13:24
本帖最后由 ramble5956 于 2019-8-11 13:27 编辑
夜冰 发表于 2018-4-26 11:42
还有一种方法,不用在后台代码中改,只需要增加样式文件,设置表格的CssClass="f-grid-table f-grid-row"就可 ...

我测试的row 最小高度33px,就再也不能小了;请问您的数据是多少;这样会比开源版少显示3~5行的数据;不太爽;请问你有什么办法?谢谢!

我用的13号字体(迫切希望FineUIPro 把缺省字体大小改为13px;或放开 DisplyMode权限;)但字体再小,行高也没没法再小了。






欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/) Powered by Discuz! X3.4