2
SharePoint에 특정 크기로 제한된 테이블이 있습니다. 이를 위해 테이블 레이아웃을 사용했습니다 : 고정; 내 CSS에. 그런 다음 HTML에서 원하는만큼 열의 크기를 지정하는 태그가 있습니다.SharePoint의 HTML 테이블에 텍스트가 없습니다.
문제는 태그를 사용할 때 white-space : 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>";
이 어떤 도움을 크게 감상 할 수있다 : 여기
내 코드의 샘플입니다! 그게 당신이 원하는 방식으로 작동하지 않을 경우덕분에, 칼
당신은'table-layout : fixed'을 사용하고 있습니다. 따라서 이것은 예상되는 동작입니다. – thirtydot
'width : 844;는'width : 844px;'이어야하고'padding : 2,2,2,2;'는'padding : 2px 2px 2px 2px;'이어야합니다. 그것은 아마도 당신의 문제와 관련이 없을지라도. – thirtydot
안녕하세요. 귀하의 회신에 감사드립니다. 나는 당신의 반응이 생각 나게했던 아주 중요한 시점을 생략했다. 내 머리글은 모두 내 CSS에서 다음을 사용하여 회전합니다. 회전 { 너비 : 15px; filter : progid : DXImageTransform.Microsoft.BasicImage (rotation = 3) } 이렇게하면 열의 너비가 머리글에 줄 바꿈의 영향을받지 않아야합니다. "px"를 넣으면이 문제를 해결해야한다고 말하는 것입니까? 너비가 모두 제대로 작동하기 때문에 배치 만 무시됩니다. 감사합니다 –