Отсутствие переноса текста в таблице HTML в SharePoint - PullRequest
2 голосов
/ 26 августа 2011

У меня есть таблица на SharePoint, которую я ограничил до определенного размера. Для этого я использовал макет таблицы: исправлено; в моем 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>";

Любая помощь будет принята с благодарностью!

Спасибо, Karl

1 Ответ

1 голос
/ 28 августа 2011

Попробуйте изменить table-layout: fixed на table-layout: inherit, если это не работает так, как вы хотите, возможно, вам повезет с table-layout: auto. Также обязательно укажите px в ваших размерах.

...