GWT FlexTable

GWT FlexTable is a flexible table that creates cells on demand. It can be jagged (that is, each row can contain a different number of cells) and individual cells can be set to span multiple rows or columns. It is similar to GWT GRID as it also creates tables. Individual cells inside the table can be set to span multiple rows or columns based on indexes.

GWT FlexTable Class Declaration

Let’s see the declaration of com.google.gwt.user.client.ui.FlexTable

GWT FlexTable Nested Classes

Class	Description
FlexTable.FlexCellFormatter	It is a specific implementation of HTMLTable.CellFormatter.

GWT FlexTable Constructor

Modifier and Types	Constructor	Description
public	FlexTable()	It is a constructor for empty FlexTable.

GWT FlexTable Methods

Modifier and Types	Method	Description
void	addCell(int row)	It appends a cell to the specified row.
int	getCellCount(int row)	It gets the number of cells on a given row.
FlexTable.FlexCellFormatter	getFlexCellFormatter()	It gets the FlexTable.FlexCellFormatter.
int	getRowCount()	It gets the number of rows
void	insertCell(int beforeRow, int beforeColumn )	It inserts a cell into FlexTable.
int	insertRow(int beforeRow)	It inserts a row into FlexTable.
protected void	prepareCell(int row, int column)	It ensures that cell exists.
protected void	prepareRow(int row)	It ensures that row exists.
void	removeAllRows()	It removes all rows in the table.
void	removeCell(int row, int col)	It removes the specified cell from the table.
void	removeCells(int row, int col, int num)	It removes a number of cells from a row in the table.
void	removeRow(int row)	It remove the specified row from the table.

GWT FlexTable Example 1

//SampleFlexTable1.java

 public class FlexTableExample implements EntryPoint {    public void onModuleLoad() {     // Tables have no explicit size — they resize automatically on demand.     FlexTable t = new FlexTable();      // Put some text at the table’s extremes.  This forces the table to be     // 3 by 3.     t.setText(0, 0, “upper-left corner”);     t.setText(2, 2, “bottom-right corner”);      // Let’s put a button in the middle…     t.setWidget(1, 0, new Button(“Button 00”));     t.setWidget(1, 0, new Button(“Button 01”));  t.setWidget(2, 0, new Checkbox(“Chechbox 10”)); t.setWidget(2, 0, new Checkbox(“Chechbox 11”));     // …and set it’s column span so that it takes up the whole row.     t.getFlexCellFormatter().setColSpan(1, 0, 3);      RootPanel.get().add(t);   } } 

//SampleFlexTable1.css

 .flexTable {   width: 150px;   height: 150px;   position: absolute;    left: 15px;    top: 350px;   }  .panel {   background-color: #C3D9FF;   border: 1px solid #000000;   padding: 3px;   margin: 3px;   font-weight: normal;   } 

Output:

GWT FlexTable

GWT FlexTable Example 2

//SampleFlexTable2.java

 package com.tutoraspire.gwt.client;  import com.google.gwt.core.client.EntryPoint; import com.google.gwt.user.client.ui.CheckBox; import com.google.gwt.user.client.ui.Composite; import com.google.gwt.user.client.ui.Label; import com.google.gwt.user.client.ui.ScrollListener; import com.google.gwt.user.client.ui.ScrollPanel; import com.google.gwt.user.client.ui.FlexTable; import com.google.gwt.user.client.ui.Widget; import com.google.gwt.user.client.ui.RootPanel;  public class GWTClient implements EntryPoint{   public void onModuleLoad() {     FlexTable flexTable = new FlexTable();     flexTable.setWidget(0, 0, new Label(“0,0”));     flexTable.setWidget(0, 1, new Label(“FlexTable”));     flexTable.setWidget(0, 2, new Label(“0,2”));     flexTable.setWidget(1, 0, new Label(“1,0”));     flexTable.setWidget(1, 1, new Label(“1,1”));     flexTable.setWidget(1, 2, new Label(“1,2”));     flexTable.setWidget(2, 0, new Label(“2,0”));     flexTable.setWidget(2, 1, new Label(“2,1”));     flexTable.setWidget(2, 2, new Label(“2,2”));     flexTable.setWidget(3, 0, new Label(“3,0 – span columns”));     flexTable.setStyleName(“panel flexTable”);     flexTable.getFlexCellFormatter().setColSpan(3, 0, 3);     for (int i = 0; i < flexTable.getRowCount(); i++) {         for (int j = 0; j < flexTable.getCellCount(i); j++) {             if ((j % 2) == 0) {                 flexTable.getFlexCellFormatter()                          .setStyleName(i, j, “tableCell-even”);             } else {                 flexTable.getFlexCellFormatter()                          .setStyleName(i, j, “tableCell-odd”);             }         }     }     RootPanel.get().add(flexTable);   } } 

//SampleFlexTable2.css

 .FlexTable {   border-top: thin solid #444444;   border-left: thin solid #444444;   border-right: thin solid #111111;   border-bottom: thin solid #111111;   background-color:  #505050; }  .FlexTable-OddRow {   background-color: #cccccc; }  .FlexTable-EvenRow {   background-color:  #505050; }   .FlexTable-ColumnLabel {   color: white;   padding: 3px; }  .FlexTable-ColumnLabelCell {   border-width: 0 0 1px 0;   border-style: solid;   border-color: white;   margin: 0;   padding: 0;   text-align: center; }  .FlexTable-Cell {   border-width: 0px 0px 0px 1px;   border-style: solid;   border-color: white;   padding: 5px; }   

Output:

GWT FlexTable 2

Next TopicGWT Popup Panels

GWT FlexTable

GWT FlexTable

GWT FlexTable Class Declaration

GWT FlexTable Nested Classes

GWT FlexTable Constructor

GWT FlexTable Methods

GWT FlexTable Example 1

GWT FlexTable Example 2

Appending Array in Godot

Hibernate Bidirectional Association

You may also like