datagrid - 如何将 Dojox Datagrid 行高设置为单行

Question

我正在尝试将 Dojox 1.3 Datagrid 的高度固定为一行（如 Excel）。当前的功能是当可用的数据多于单行时自动增加行的高度。

有没有简单的方法来实现这一点？考虑到这是电子表格的默认行为，它似乎应该内置于数据网格的功能中。

谢谢您的帮助

Answer 1

Found a hack!

use this as the column formatter:

function(obj){
    return "<div style='height:15px;text-overflow:ellipsis'>"+obj+"</div>"
}

This is just a hack and I'm seeing some problem with the row selector. But anyway, hope this help you guys.

Answer 2

我想你可以。

这是我一直在尝试的：
在 .dojoxGridCellContent 类中，添加：

空白：nowrap；溢出：隐藏；

对于我的“挤压/扩展”函数，我使用一个小函数来动态更改类属性，然后重新绘制网格。

我坚信需要能够将行（在 Excel 和 html 中）压缩到 1“行”高，以促进垂直视觉扫描（根据需要截断单元格内容），然后能够再次展开它们以查看任何特定行的单元格中的全部内容。

如果任何给定单元格中的文本数量可变，则手动调整列的大小以使其足够宽以适合任何给定单元格中的所有可能文本是一个糟糕的解决方案。对于生产力应用程序，非功能性空白是敌人。

我希望 Dojo 有内置的方法来做这个有用的事情（也解决了常年跨浏览器条件省略的事情）。

Answer 3

您无法设置高度，但可以调整宽度。如果您很清楚您的单元格通常需要多宽才能将字符串放在一行上，您可以在 < th > 元素中设置它，以最大化适合一行的行数。

<table  //dojo grid properties>
    <thead>
        <tr>
            <th width="90px" field="fieldName" ...>
                Field Name
            </th>
            ...
        </tr>
    </thead>
</table>

希望这可以帮助。