2011-08-26 2 views
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>"; 

이 어떤 도움을 크게 감상 할 수있다 : 여기

내 코드의 샘플입니다! 그게 당신이 원하는 방식으로 작동하지 않을 경우

덕분에, 칼

+1

당신은'table-layout : fixed'을 사용하고 있습니다. 따라서 이것은 예상되는 동작입니다. – thirtydot

+0

'width : 844;는'width : 844px;'이어야하고'padding : 2,2,2,2;'는'padding : 2px 2px 2px 2px;'이어야합니다. 그것은 아마도 당신의 문제와 관련이 없을지라도. – thirtydot

+0

안녕하세요. 귀하의 회신에 감사드립니다. 나는 당신의 반응이 생각 나게했던 아주 중요한 시점을 생략했다. 내 머리글은 모두 내 CSS에서 다음을 사용하여 회전합니다. 회전 { 너비 : 15px; filter : progid : DXImageTransform.Microsoft.BasicImage (rotation = 3) } 이렇게하면 열의 너비가 머리글에 줄 바꿈의 영향을받지 않아야합니다. "px"를 넣으면이 문제를 해결해야한다고 말하는 것입니까? 너비가 모두 제대로 작동하기 때문에 배치 만 무시됩니다. 감사합니다 –

답변

1

어쩌면 당신이 table-layout: auto로 운 수, table-layout: inherittable-layout: fixed을 변경해보십시오. 또한 측정 기준에 px를 포함해야합니다.

관련 문제