Results 1 to 3 of 3

Thread: Grid rowNumberer Issue number of digits

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Nov 2012
    Vote Rating

    Default Answered: Grid rowNumberer Issue number of digits

    I want to give the line number in the grid.
    I tried to display line numbers in the grid using the RowNumber.
    However, the number of displayed digits is omitted when it is 4 or more digits when using the RowNumber.
    So, I set the width of the RowNumber.
    But then, header width will be expanded, the width of the line is not expanding, however.

    List<ColumnConfig<?, ?>> colList  = new ArrayList<ColumnConfig<?, ?>>();
    RowNumberer<Stock> rowNumberer = new RowNumberer<Stock>(new IdentityValueProvider<Stock>());
    colList.add(new ColumnConfig<Stock, String>(, 200, "names"));
    ColumnModel cm = new ColumnModel(colList);
    I chose how to get the Element for each row of the grid ViewReadyHandler So, to set the style.
    ViewReadyHandler vrh = new ViewReadyHandler() {
        public void onViewReady(ViewReadyEvent event) {
            for(int i=0;i<grid.getStore().size();i++){
                Element rowHeaderElement = grid.getView().getRow(i).getFirstChildElement();
                if(rowHeaderElement != null){
                    rowHeaderElement.setAttribute("style", "background-size:30px");
    This method will return to their original style and make cell click event, and store data but update.
    Is there any good solutions?

  2. Main issue seems to be the background-position of the background needs to be set to 'right' - try adding something like this to a css file:

    .x-grid-td-numberer {
        background-position: RIGHT 0 !important;
    This is a workaround, not a real fix - I'll investigate this further, and possible file a bug for this. This fix is very brittle and may break in future versions of GXT, as it is depending on inconsistent use of the appearance pattern within the Grid.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts