文章/答案/技术大牛

发布

社区首页 >问答首页 >在WebGrid列中换行文本

问在WebGrid列中换行文本
EN

Stack Overflow用户

提问于 2013-09-08 07:45:35

回答 1查看 4.6K关注 0票数 0

我在一个MVC4项目中工作，在这个项目中，我利用WebGrid来显示我的模型的各种数据元素。

目前，我的一个模型有一个可容纳大量文本的text属性。不用说，这看起来非常丑陋，使文本难以阅读。

有没有办法: a)在WebGrid中对特定列的文本进行换行b)以某种方式使用CSS设置网格或列的样式以达到相同的效果。

我找到的最有用的链接是is this one，但它有点旧，不能直接满足我的需求。

我无法想象为什么WebGrid的基本实现中没有包含文本换行，但它似乎不是其集成功能的一部分。

有谁有什么想法吗？

word-wrap

css

asp.net-mvc

webgrid

回答 1

Stack Overflow用户

发布于 2013-09-09 00:20:25

您可以使用CSS来管理这类事情。WebGrid呈现一个超文本标记语言表格，因此您可以声明表格的样式，并且它们将在网格呈现时被采用。

WebGrid中也内置了一些CSS hook。您可以通过tableStyle参数指定单个表使用的CSS类：

grid.GetHtml(tableStyle: "myStyle")

或者，可以在列级应用样式：

grid.GetHtml(
    columns: grid.Columns(
        grid.Column(("ID"),
        grid.Column("MyText", style: "wordwrap")
    )
)

我在这里详细介绍了WebGrid：http://www.mikesdotnetting.com/Article/154/Looking-At-The-WebMatrix-WebGrid

要使用CSS换行单词，需要在表格上组合使用table-layout: fixed，在表格单元格上组合使用word-wrap:break-word。请看这里，例如：How to force table cell content to wrap?

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18679018

复制

相似问题

问在WebGrid列中换行文本
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在WebGrid列中换行文本EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在WebGrid列中换行文本
EN