0

以下に示すようなHTMLテーブルがあります。7つの列があります。jQueryを使用してテーブルのセル幅を調整しています。jQueryの合計パーセンテージは100です。ただし、テーブルは完全なスペースを使用していません。未使用のスペースがあります。これを修正する方法は？

http://jsfiddle.net/Lijo/eFS5J/3/

ここに画像の説明を入力してください

 $(document).ready(function () {


        $('#gridDiv').css('width', '630px');


        //Set width of table cells
        var numberOfColumns = 7;
        $('.resultGridTable th, .resultGridTable td').each(function (i) {


            $(this).css('background-color', (['Purple', 'Orange', 'Purple', 'Orange', 'Purple', 'Orange', 'Purple'][i % 7]));

            if (i % numberOfColumns == 0) {
                $(this).css('width', '15%');
            }

            if (i % numberOfColumns == 1) {
                $(this).css('width', '15%');
            }

            if (i % numberOfColumns == 2) {
                $(this).css('width', '15%');
            }

            if (i % numberOfColumns == 3) {
                $(this).css('width', '15%');
            }
            if (i % numberOfColumns == 4) {
                $(this).css('width', '10%');
            }
            if (i % numberOfColumns == 5) {
                $(this).css('width', '15%');
            }

            if (i % numberOfColumns == 6) {
                $(this).css('width', '15%');
            }


        }
 );


    }
);
4

3 に答える 3

3

次の属性をテーブル要素に追加します。

width="100%"
于 2012-06-12T09:33:45.367 に答える
0

下の場所でインラインCSSを使用して、幅を100％に設定するだけです

<table class="resultGridTable" cellspacing="0" id="detailContentPlaceholder_grdTaxAssociates"
                    style="border-collapse: collapse;width:100%;">

こちらのデモをご覧ください

于 2012-06-12T09:50:24.423 に答える
0

どうぞ：

<table class="resultGridTable" cellspacing="0" id="detailContentPlaceholder_grdTaxAssociates" style="border-collapse: collapse; width:100%;">
于 2012-06-12T09:38:46.877 に答える