GWTcelltable 滚动条

Question

我有一个带有 cellTable 的 table 请参阅下面的代码：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:c="urn:import:com.google.gwt.user.cellview.client"
 xmlns:b="urn:import:com.bv.partenaire.graphique.client.ui.button">
    <ui:with field='msg' type="com.bv.partenaire.web.client.resources.Messages" />
    <ui:style>
        .important {
            font-weight: bold;
        }
    </ui:style>             
                    
    <g:HTMLPanel>
        <div class="modelBandeau">
            <div class="divGauche">
            <div class="testClass" style="background-color: green;">
                <g:Label styleName="recherche">
                    <ui:text from="{msg.rechercher}" />
                </g:Label>
            </div>
            <div style="margin-left:10px;margin-top: 1px;">
                <g:TextBox ui:field="rechercheBox" />
            </div>
            </div>
        </div>
    
        <table cellspacing='0' cellpadding='0' style='width:100%'>
            <tr>
                <td valign='top'>                                       
                    <c:CellTable ui:field="valideursTable" styleName="cellTable"/>                  
                </td>
            </tr>
            <tr>
                <td align='center'>
                    <c:SimplePager pageSize="10" ui:field="pager" />
                </td>
            </tr>
        </table>
    
        
    </g:HTMLPanel>
</ui:UiBinder>

代码工作正常，我的问题是当我的列中有长数据时没有水平滚动条

我尝试添加和仍然不起作用？

也尝试添加一些 css

table{
display: block;overflow-x: auto;white-space: nowrap;
}

我不使用 DataGrid

有什么想法吗？

Answer 1

它仅适用于 CSS，只需添加上面的代码并固定宽度 (950px)，滚动条就会出现

GWTcelltable 滚动条

GWTcelltable scrollbar

gwt

celltable