datagrid 换行

### 如何在不同框架下的 DataGrid 中实现文本换行显示

#### DataGridView (Windows Forms)

为了使 `DataGridView` 的单元格支持多行文本，在 Windows Forms 应用程序中，可以通过调整特定属性来达到目的。主要操作包括修改默认样式以及处理绘制事件。

// 设置DefaultCellStyle.WrapMode 属性允许文字折行
dataGridView1.DefaultCellStyle.WrapMode = DataGridViewTriState.True;

// 自动调整行高以适应内容
dataGridView1.AutoSizeRowsMode = DataGridViewAutoSizeRowsMode.AllCells;

上述配置使得当单元格内的文本长度超过列宽时能够自动换到下一行显示[^1]。

#### WPF DataGrid

对于基于 WPF 技术的数据网格控件而言，除了要确保设置了合适的模板外，还需要特别注意行高的设定：

<DataGrid Name="dataGrid" AutoGenerateColumns="False">
    <!-- ... -->
</DataGrid>

并且可以在代码背后执行如下初始化逻辑:

dataGrid.RowStyle += (s, e) =>
{
    var style = new Style(typeof(DataGridRow));
    style.Setters.Add(new Setter(FrameworkElement.HeightProperty, double.NaN)); // 或者指定具体的数值
    e.Style = style;
};

值得注意的是，如果希望内容可以正常换行，则必须显式地给定足够的空间让每一行容纳其内部的内容，即设置合理的 `RowHeight` 值[^2]。

#### DevExpress GridControl

针对第三方库如 DevExpress 提供的增强型表格组件，通常提供了更灵活的方式来进行布局定制化。例如，只需简单地开启视图选项中的相应标志即可轻松完成此需求：

gridView.OptionsView.RowAutoHeight = true;  // 启用自动计算行高等特性

这会令每一条记录根据实际所需的空间动态伸缩，从而完美呈现带有换行符的文字串[^3]。

#### EasyUI Datagrid

而在 Web 开发领域常用的 jQuery 插件 easyUI 当中，虽然官方文档可能并未直接提及这一点，但实际上只要禁用了 nowrap 行为并通过自定义渲染器添加必要的 HTML 标签就能解决问题：

$('#dg').datagrid({
    columns:[[
        {field:'content', title:'Content', formatter:function(value){
            return '<div style="word-wrap:break-word;">'+value+'</div>';
        }}
    ]],
});

此处的关键在于使用 CSS 样式的 word-wrap 属性控制浏览器如何处理过长单词或 URL 地址等特殊字符序列，使其能够在必要时候断开并转至新行继续排列[^4]。