在窗口调整大小检测表格单元格冲突

我试图使用jQuery来允许我减少任何表格内容的大小之前，任何表格内容超过其父窗口调整大小。我知道我可以轻松地检查单元格内容的宽度，以检测它的父表格单元格以检测冲突，但是这种方法效率不高，因为这可能需要在用户调整大小时每100ms左右在1000个表格单元格内完成。在窗口调整大小检测表格单元格冲突

有没有人有更有效的方法？下面

伪代码：

On resize (throttled) 
    If any table content has less than 10px until it exceeds the width of its containing column 
     Do stuff

来源

2013-02-13 Max Luster

你不应该需要检查表中的每一个细胞，只是细胞的最上面一行。

或者，你可以设置表格单元格的最小宽度，然后用CSS3 text-overflow: ellipsis

table { 
    table-layout: fixed; 
} 
td { 
    border: 1px solid black; 
    min-width: 50px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
}

什么可能是一个更好的替代方案作出响应的数据表。在CSS-Tricks上查看this article，显示处理宽表数据的不同方法。

来源

2013-02-13 05:02:21 Mottie

谢谢，但我试图在响应之前尽可能长时间保持屏幕上的内容显示。在字体大小降低到一个定义的最小值之后，我将捕捉到一个可滚动的表格视图。 – 2013-02-13 22:14:39

更重要的是 - 如果位于桌子下方的行中的单元格的宽度比第一行更长，该怎么办？ – 2013-02-13 22:15:25

整个表格将调整大小以适合最宽的内容。 – Mottie 2013-02-14 13:52:38

在窗口调整大小检测表格单元格冲突

回答

相关问题