我可以更改YUI数据的布局吗？

Question

我的Web应用程序使用YUI数据表向用户显示记录。

我不希望它是行和列布局。我可以使用自己的布局，例如单行和单列中记录的所有数据。考虑StackOverflow问题页面。

我可以用YUI数据表这样做吗？

Answer 1

使用单行/列，您可能会失去表的大部分好处，但如果您真的想使用DataTable，请尝试自定义单元格格式化程序。

该示例是一个很好的起点：http://developer.yahoo.com/yui/examples/datatable/dt_formatting.html

您的DataSource可以包含对象而不是每个单元格的stings / numbers，然后您可以从中呈现复杂的单元格标记。

e.g。

complexLookingCellFormatter = function(elLiner, oRecord, oColumn, oData) { 
     // oData is normally text, but objects work too...
     elLiner = "<h1>oData.yourTitle</h1><strong>oData.yourText</strong>";
}