在自定义字符处拆分 Datagrid 中的行值
Split Row Value in Datagrid at custom character
在 GWT 数据网格中,如果行太小而无法显示完整值,则行的内容会被拆分成单独的部分。但这只有在行的值包含空格时才会发生。
是否可以为其他字符启用此行为,例如下划线。
背景是我必须显示不包含任何空格但仅包含下划线的部分的长名称。
为了说明我的问题,我做了以下示例。前三行包含空格,每行分布在两行中。但是最后一栏显示不完整。
如果可能的话,我会避免替换一些下划线和空格。
最简单的解决方案是将以下 CSS 规则应用于您的单元格:
word-break: break-all;
这会强制断开长单词,但不一定是在下划线字符处。但是,这对于部件号来说可能是可以接受的。
另一种解决方案要求您在显示所有单词之前处理它们,方法是在每个下划线后插入一个 <wbr>
标记 - 您可以在单元格的 getValue
方法中执行此操作。此解决方案适用于支持 HTML5 的浏览器。
在 GWT 数据网格中,如果行太小而无法显示完整值,则行的内容会被拆分成单独的部分。但这只有在行的值包含空格时才会发生。
是否可以为其他字符启用此行为,例如下划线。
背景是我必须显示不包含任何空格但仅包含下划线的部分的长名称。
为了说明我的问题,我做了以下示例。前三行包含空格,每行分布在两行中。但是最后一栏显示不完整。
如果可能的话,我会避免替换一些下划线和空格。
最简单的解决方案是将以下 CSS 规则应用于您的单元格:
word-break: break-all;
这会强制断开长单词,但不一定是在下划线字符处。但是,这对于部件号来说可能是可以接受的。
另一种解决方案要求您在显示所有单词之前处理它们,方法是在每个下划线后插入一个 <wbr>
标记 - 您可以在单元格的 getValue
方法中执行此操作。此解决方案适用于支持 HTML5 的浏览器。