2014-02-09 6 views
0

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

Традиционно 1 колонок celltable выглядеть следующим образом:

 
Page 
1 
2 
3 
.... 

Я хочу сделать это выглядит следующим образом.

 
Page 1 2 3 ...... 

Как это сделать?

ответ

0

Не используйте celltable, но логотий CellList, что будет хорошо

public class HorizontalCellList<T> extends CellList<T> { 

    public HorizontalCellList(Cell<T> cell) { 
    super(cell); 
    } 

    @Override 
    protected void renderRowValues(
     SafeHtmlBuilder sb, List<T> values, int start, SelectionModel<? super T> selectionModel) { 
    SafeHtmlBuilder filteredSB = new SafeHtmlBuilder(); 
    super.renderRowValues(filteredSB, values, start, selectionModel); 
    SafeHtml safeHtml = filteredSB.toSafeHtml(); 
    String filtered = safeHtml.asString().replaceAll("<div", "<span").replaceAll("div>","span>"); 
    sb.append(SafeHtmlUtils.fromTrustedString(filtered)); 
    } 
} 
+1

Замена строки представляет собой слегка ужасающим образом, чтобы изменить встроенные элементы - рассмотрят вместо использования CSS, что щипки этих конкретных элементов DIV (по их класс, скорее всего, не будет), чтобы быть 'display: inline' или' float: left' вместо того, чтобы переписывать * html * с * regex *. –

+0

У вас есть тест ур кода? Я попробовал {.horizontalCellList { дисплей: inline; } Но это не работает? можете ли вы предоставить свой код? – Tum

+0

Не применяйте его ко всему списку сот - применяйте его к самим ячейкам. Чтобы CellList работал с ним, вам нужно будет создать клиентский пакет, который расширяет собственный клиентский набор CellList и добавит к нему больше css (вероятно, в стилях '.cellListEvenItem' и' .cellListOddItem', поскольку никакой другой стиль не добавляется к сами предметы). –