特定のサイズに制限した SharePoint のテーブルがあります。このために、table-layout:fixed; を使用しました。私のCSSで。次に、必要に応じて列のサイズを変更するためのタグを html に設定します。
問題は、タグを使用すると空白: nowrap; になることです。私のCSSでは無視されているようです。空白属性を直接入れてみましたが、役に立ちませんでした。
これが私のコードのサンプルです:
#box-table-a
{
font-family:arial;
border-collapse:collapse;
font-size:8pt;
border-style:solid;
border-color:silver;
border-width:1px;
width:844;
table-layout:fixed;
}
#box-table-a th
{
font-size:12px;
font-weight:300;
padding:2,2,2,2;
color:#000000;
border-style:solid;
border-color:silver;
border-width:1px;
border-color:#000000;
text-align:center;
vertical-align:bottom;
white-space: nowrap;
}
#box-table-a td
{
font-family:arial;
font-size:12px;
padding:2,2,2,2;
color:#000000;
border-style: solid;
border-color:silver;
border-width:1px;
text-align:center;
white-space: nowrap;
}
var TableHtml = "<table id='box-table-a'>";
TableHtml +="<col width=100><col span=3 width=28><col width=100><TR><TH>Field1</TH><TH>Field2</TH><TH>Field3</TH><TH>Field4</TH><TH>Field5</TH></TR>";
TableHtml +="<TR><TD>" + Field1[0] + "</TD><TD>" + Field2[0] + "</TD><TD>" + Field3[0] + "</TD><TD>" + Field4[0] + "</TD><TD>" + Field5[0] + "</TD></TR>";
TableHtml +="</Table>";
どんな助けでも大歓迎です!
ありがとう、カール