怎么在 GridView 中限制显示字数

2023-12-28
浙江
本文字数：724 字
阅读完需：约 2 分钟

三种方法可以实现，前两种是 C#代码实现（原理一样），第三种是 CSS 实现。

1.cs 代码中：GridView 的 RowDataBound 中对想做处理的项做 Remove()字符串截取。

2.aspx 页面中：GridView 的<ItemTemplate>数据项模板标签对中对其控件内显示文本的相应属性做 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 方式实现，运用简单，使用方便。缺点：需要设定每一列的宽度。三种方法各有利弊，需适不同情况选择最佳方案。

发布于: 刚刚阅读数: 6

原文链接:【http://xie.infoq.cn/article/dd9a1d7fd6431b27cab3e3a38】。文章转载请联系作者。

GoodTime

关注

好好学习，天天向上 2023-12-21 加入

.NET全栈程序猿，前端、Java、Python、Go

发布

暂无评论

创作场景

怎么在 GridView 中限制显示字数

GoodTime

评论