FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 5168|回复: 2

Pro中Grid表格实现行高设置的方法分享

[复制链接]
发表于 2018-4-26 10:38:31 | 显示全部楼层 |阅读模式
以前在开源版中,设置表格的行高是通过一个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:09 | 显示全部楼层
还有一种方法,不用在后台代码中改,只需要增加样式文件,设置表格的CssClass="f-grid-table f-grid-row"就可以了,
<style type="text/css">
         <!--
           .f-grid-table .f-grid-row
            {
               height:40px;
            }
        -->
    </style>
发表于 2019-8-11 13:24:43 | 显示全部楼层
本帖最后由 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 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-3-29 03:08 , Processed in 0.054962 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表