SharePoint. Как изменить ширину колонки в листе/библиотеке (в представлении)

Как в библиотеке на сайте SharePoint’a выставить фиксированную ширину колонок (столбцов).

SharePoint. Как изменить ширину колонки в листе

Как известно, при использовании стандартного функционала SharePoint, при создании представлений (View) в библиотеке, ширина колонок определяется автоматически. Но бывают моменты, когда нам нужно, чтобы колонка, например, Имя, отображала информацию в полном объеме без несуразных переносов содержимого этой колонки.
Рассмотрим вопрос об изменении ширины колонок на сайтах SharePoint‘a.

Ширина колонок в SharePoint‘e изменяется при помощи Microsoft SharePoint Designer 2010.

Заходим на наш сайт в требуемую библиотеку.
Выбираем Действие сайта -> Изменить в SharePoint Designer



Ждем, пока у нас загрузится SharePoint Designer (пока загружается SharePoint Designer, вы можете откинуться на спинку кресла и расслабиться (С)Microsoft, Windows’95).







Заходим в List and Libraries, и выбираем библиотеку, в которой нужно производить изменения.



Далее, в резделе представлений — View (в правой части экрана) выберем нужное нам представление:


Возьмем, к примеру, представление Документы
Откроется совместная форма редактирования дизайна и скрипта.

В нашем случае будем изменять ширину колонки Имя.

Ширину колонки нужно менять в 2-х местах.

1) — В нижней части в дизайнере выделяем боковую правую границу блока (со значением Имя), и тянем ее до предположительно нужной ширины данного блока (позиция (1) на рисунке ниже). Как тлько мы отпускаем мышку, у нас в верхней части дизайнера (там, где описан код) подсвечивается та часть кода (блок div), которая отвечает за отображение названия данного столбца (выделено синим на рисунке ниже).

Далее, в выделенной части кода (позиция (2) на рисунке выше), в блоке <div…>, нужно найти атрибут style="width: 160px;" (ну, как вы догадались, вместо значения 160px, может быть ширина в пикселях выбранного и растянутого вами, до данной ширины, блока с заголовком колонки).
В этом атрибуте вы можете более точно указать ширину блока (я обычно ставлю на 30-40 пикселей меньше, чем требуемая ширина колонки) в пикселях, и затем нужно еще в атрибут style добавить значения overflow и white-space (разделитель — ";").
Полностью значения в атрибуте style должны выглядеть так:

"width: 160px; overflow: auto; white-space: normal;"

2) — Далее нам нужно определить ширину самого столбца (пусть ширина столбца/колонки будет 200px).
Для этого нужно мышой выбрать крайнюю правую границу нужной колонки (позиция (1) на рисунке ниже), и потянуть ее до предположительно нужной ширины. После отпускания указателя мышки — дизайнер начинает думать. Не надо прерывать его мыслительный процесс, а лучше просто подождать (секунд 10-30), пока у нас не будет в верхней части дизайнера (в части с кодом) выделен код внутри ячейки таблицы (между тегами <td>…</td>), а нижняя часть дизайнера снова не станет понятной и удобоваримой, как показано на рисунке:

В позиции (2) на рисунке, в теге <td>, отобразится атрибут style со значением внутри: width: 200px; (ширина нашей колонки). Как и в предыдущем пункте (1), значение атрибута style в теге <td> должно быть:

"width: 200px; overflow: auto; white-space: normal;"

После внесенных в дизайнере изменений, нужно сохранить наше представление:

И проверить изменения на сайте.

Идея взята с сайта:
http://aanuwizard.wordpress.com/2010/08/01/sharepoint-2010-how-to-change-width-of-list-column

Comments are closed.