1

2つのテーブル行（同じテーブルにない）があり、row1の各テーブルセルの幅（td）= row2の各テーブルセルの幅を設定しようとしましたが、row1が少し短くなるたびに判明しましたrow2よりも、alertを使用してすべてのテーブルセルのそれぞれの値をチェックすると、okの結果が得られ、firebugを使用して2つの要素を調べました。たとえば、テーブルセルの値を53pxに設定すると、計算された結果になります。値は53.2167pxでしたが、row1の他のそれぞれのテーブルセルの計算された幅はわずか53pxでしたが、違いを生んでいるのはそれだけだと思います。jQueryを使用してその正確な値（53.2167px）を取得する方法はありますか？

スクリーンショット：

4

1 に答える 1

1

ご使用の環境でこれを行うと、ヘッダーテーブルセルとコンテンツに正しい幅を設定するトリックを実行する必要があります。

例

HTML

<table id="theHeader">
    <thead>
        <tr>
            <th>Test</th>
            <th>Test</th>
            <th>Test</th>
            <th>Test</th>
        </tr>
    </thead>
</table>

<table id="theContent">
    <tbody>
        <tr>
            <td>Testing</td>
            <td>Testing</td>
            <td>Testing</td>
            <td>Testing</td>
        </tr>
    </tbody>
</table>

jQuery

var headerColumns = $('#theHeader thead tr:first-child th');
var contentColumns = $('#theContent tbody tr:first-child td');

for(i=0; i<contentColumns.length; i++){
    $(headerColumns[i]).css('width',$(contentColumns[i]).width()+'px');
}​

jsFiddle

http://jsfiddle.net/xWbhM/

于 2012-09-07T08:45:55.503 に答える