GWT. Как изменить ширину столбца гибкой таблицы?

Я не могу изменить ширину первого столбца с помощью флажков в своей FlexTable. первый столбец очень широкий

я пытался использовать

filterGrid.getColumnFormatter().setWidth(0, "15px");

но это не имело никакого эффекта.

Пожалуйста, предложите мне что-нибудь.

Приложение 1.

<table class="content" aria-hidden="false">
<colgroup><col width="10px"></col></colgroup>
<tbody>
<tr>
<td>
<span class="gwt-CheckBox" style="width: 1em;">
<input id="gwt-uid-9" type="checkbox" value="on" tabindex="0"></input>
<label for="gwt-uid-9"></label></span>
</td>

person Valentyn Grygoriev    schedule 06.09.2013    source источник
comment
попробуй filterGrid.getFlexCellFormatter().setWidth(row, column, width).   -  person vvens    schedule 07.09.2013
comment
К сожалению, это не помогло.   -  person Valentyn Grygoriev    schedule 08.09.2013


Ответы (1)


Попробуйте FlexTable.getColumnFormatter().setWidth(column, width);

Например, я только что попробовал table.getColumnFormatter().setWidth(0, "400px");

и это сгенерировало следующий HTML:

<colgroup>
    <col width="400px">
</colgroup>

введите здесь описание изображения

person Churro    schedule 08.09.2013
comment
К сожалению, установка table.getColumnFormatter().setWidth(0, 400px); не влияет на таблицу. Как и в вашем html colgroup меняется, но, как я уже сказал, это не влияет. - person Valentyn Grygoriev; 09.09.2013
comment
Если это не помогло, возможно, на вашу таблицу влияет другой стиль CSS. Если у вас есть атрибут <table class='...'>, попробуйте удалить назначенные вами классы CSS и посмотрите, изменится ли это. В противном случае, когда вы проверяете свой HTML-код в браузере, правая колонка окна проверки покажет, какие стили CSS влияют на вашу таблицу. Проверьте, не влияет ли что-нибудь на этот тег <td>. - person Churro; 09.09.2013
comment
Как вы и предложили, я проверил свой HTML. Было несколько стилей CSS, но они не относились к размеру. Я добавил Приложение 1 в свою часть вопроса. Там вы можете увидеть структуру таблицы с флажками. И размер этой ячейки TD не меняется. - person Valentyn Grygoriev; 09.09.2013
comment
Можете ли вы попробовать удалить style="width: 1em;" из элемента <span> вашего Приложения 1? Я думаю, это растягивает твой <td> - person Churro; 11.09.2013
comment
Я удалил style, но это не помогло. Как я вижу проблема в элементе <td>. Большое спасибо, что вы пытаетесь мне помочь. - person Valentyn Grygoriev; 12.09.2013