Создание максимальной ширины для столбца GridView и переноса текста

Я не могу понять, как определить ширину определенного столбца сетки. Я получаю этот результат:

Как видите, я получаю существенное переполнение. Я хотел бы определить максимальную ширину и обернуть тест для этого 5-го столбца.

Я попытался сделать это программно:

    GridView1.Columns[4].ItemStyle.Width = 300;
    GridView1.DataBind();

А также в asp.net:

<asp:BoundField DataField="Description" HeaderText="Description" SortExpression="Description" ItemStyle-Width="300px" /> 

или же

<asp:BoundField DataField="Description" HeaderText="Description" SortExpression="Description" HeaderStyle-Width="300px"> 

Ни одна из этих попыток не имеет никакого эффекта.

2 ответа

Решение

Используйте следующий класс CSS для сетки:

.gridView
{
  table-layout:fixed;
}

и в столбце используйте этот класс CSS:

.col
{
  word-wrap:break-word;
}

Текст в верхнем последнем столбце не имеет пробелов. Это означает, что последний столбец не будет перенесен, поэтому таблица будет растянута. Это похоже на отображение действительно большого изображения, слишком большого для контейнера или страницы.

Другие вопросы по тегам