怎么在GridView中限制显示字数

简介: 三种方法可以实现,前两种是C#代码实现(原理一样),第三种是CSS实现。1.cs代码中:GridView的RowDataBound中对想做处理的项做Remove()字符串截取。2.aspx页面中:GridView的<ItemTemplate>数据项模板标签对中对其控件内显示文本的相应属性做Eval绑定,同样以SubString为最终截取显示文本。如:<asp:Templa...

​三种方法可以实现,前两种是C#代码实现(原理一样),第三种是CSS实现。
1.cs代码中:GridView的RowDataBound中对想做处理的项做Remove()字符串截取。
2.aspx页面中:GridView的数据项模板标签对中对其控件内显示文本的相应属性做Eval绑定,同样以SubString为最终截取显示文本。
如:

<asp:TemplateField HeaderText="描述">
    <ItemTemplate>
        <asp:Label ID="lbl" runat="server" Text='<%#Eval("Description").ToString() >12?Eval("Description").ToString().Remove(10)+"...":Eval("Description").ToString() %>'></asp:Label>
    </ItemTemplate>
</asp:TemplateField>

3.CSS方式:此方式需要对GridView的每一列进行Width设定才可实现。
CSS样式如下:

.content
{
   
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /*以省略号替代截除部分*/
}

使用时,将该CSS样式赋予要截取字符串的列上即可。如:

<asp:TemplateField HeaderText="原因">
    <ItemTemplate>
        <asp:Label ID="lblDescription" runat="server" Text='<%#Eval("Description") %>' ToolTip='<%#Eval("Description").ToString() %>'></asp:Label>
    </ItemTemplate>
    <HeaderStyle Width="750px" Wrap="false" />
    <ItemStyle Wrap="false" HorizontalAlign="Left" CssClass="content" />
</asp:TemplateField>

三种方法的优缺点:
1.优点:灵活变通,无需要设定单元格宽度,代码集中管理;缺点:由于是后台代码方式实现,故修改后,DLL类库需要编译,对于维护而言较为不便。
2.优点:同1,缺点:同1,同时代码相对1较分散,不便管理。
3.优点:CSS方式实现,运用简单,使用方便。缺点:需要设定每一列的宽度。

三种方法各有利弊,需适不同情况选择最佳方案。

以上就是MySQL 版本号排序的介绍,做此记录,如有帮助,欢迎点赞关注收藏!

目录
相关文章
|
Android开发
Android Http 请求封装及使用
Android Http 请求封装及使用
338 0
|
弹性计算 网络安全 数据安全/隐私保护
同账号VPC间互访|学习笔记
快速学习同账号VPC间互访
同账号VPC间互访|学习笔记
|
机器学习/深度学习 自然语言处理 算法
【Python自然语言处理】使用逻辑回归(logistic)对电影评论情感分析实战(超详细 附源码)
【Python自然语言处理】使用逻辑回归(logistic)对电影评论情感分析实战(超详细 附源码)
401 0
|
文字识别 Java API
印刷文字识别使用问题之识别报错是否会计算次数
印刷文字识别产品,通常称为OCR(Optical Character Recognition)技术,是一种将图像中的印刷或手写文字转换为机器编码文本的过程。这项技术广泛应用于多个行业和场景中,显著提升文档处理、信息提取和数据录入的效率。以下是印刷文字识别产品的一些典型使用合集。
|
存储 缓存 Unix
Cmake 链接外部库:如何在项目中使用外部库和头文件
Cmake 链接外部库:如何在项目中使用外部库和头文件
1317 0
|
存储 缓存 安全
|
存储 Java 编译器
深入理解JVM - 类文件结构
深入理解JVM - 类文件结构
161 1
|
JavaScript
Vue----vue-router 的基本使用
Vue----vue-router 的基本使用
|
资源调度 编译器 C++
mark-text开发环境搭建启动
mark-text开发环境搭建启动
202 1
|
iOS开发 Python
分享68个毕业答辩PPT,总有一款适合您
分享68个毕业答辩PPT,总有一款适合您
180 0