合并单元格和行跨度在CellTable(Colspan and Rowspan in CellTab

2019-10-17 17:17发布

我执行同时具有合并单元格和行跨度细胞的表。 我用FlexTable之前,但决定使用CellTable。 但它看起来像CellTable不支持添加风格,同时也FlexTable ...请看看图片就知道我想要做的事:

任何建议都欢迎。

Answer 1:

您可以使用AbstractCellTableBuilder来渲染自己的strucuture。
看一看在自定义的DataGrid展示 。



Answer 2:

;
    FlexTable table = new FlexTable();
    FlexTable.FlexCellFormatter flexCellFormatter =table.getFlexCellFormatter();
    flexCellFormatter.setColSpan(3,0,2);
    final TextBox textBox = new TextBox();
    Label label = new Label();
    label.setText("Name");
    table.setWidget(0, 0, label);
    table.setWidget(0, 1, textBox);
    final TextBox textBox1 = new TextBox();
    Label label1 = new Label();
    label1.setText("Surname");
    table.setWidget(1,0,label1);
    table.setWidget(1, 1, textBox1);
    final TextBox textBox2 = new TextBox();
    Label label2 = new Label();
    label2.setText("e-mail");
    table.setWidget(2,0, label2);
    table.setWidget(2, 1, textBox2);

    Button button = new Button("apply", new ClickHandler() {
        @Override``
        public void onClick(ClickEvent event) {
            String name = textBox.getText();
            String surname = textBox1.getText();
            Window.alert("Your name is " + name + "Your surname is " + surname);
        }
    });
    table.setWidget(3, 0, button);//Write this code, then run, you can answer! goodLuck :-))


文章来源: Colspan and Rowspan in CellTable
标签: gwt celltable