Our blazing fast Grid component built with pure JavaScript


Post by nogradi.tamas »

Hello!

We tried to use widgets to display 3 cells inside one cell with the following really simple code:

async getDataColumns(columns, region) {
      return columns.map((m) => {
        var columnType = "number";
        return {
          type: columnType,
          format: this.getFormat(columnType),
          // type: "widget",
          field: m.dbColumnName,
          text: m.displayedName,
          region: region,
          editor: false,
          cls: m.isKey == true ? "current-column-header" : "",
          cellCls: m.isKey == true ? "current-column" : "",
          isCurrent: m.isKey,
          widgets: [
            {
              name: m.dbColumnName,
              format: this.getFormat("number"),
            },
            {
              name: m.dbColumnName,
              format: this.getFormat("number"),
            },
            {
              name: m.dbColumnName,
              format: this.getFormat("number"),
            },
          ],
        };
      });
    },

The render time increased a lot if we use it in tree view (tried to open a row and was much slower than before) or the same thing happened if we try to change the data in the columns.
Is there any suggestion what can improve the performance? What we did wrong?

Thank you!


Post by mats »

Any chance you can share your full test case? With data, so we can run this locally and debug?


Post Reply