Products

[Markov]

Hi,

Please, take a look at https://www.htmlelements.com/demos/calendar/multiple-months/

Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi,

When there is not enough space, it adds ellipsis. In case you want to change the width of that column, due to the fact that the column is part of the auto-generated columns, you can use the layout.autoGenerateColumnWidth property.

Example:

   layout: {
        autoGenerateColumnWidth: 100
      },

Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi Anh Hoang,

This functionality is available in our Scheduler control – https://www.htmlelements.com/react/demos/scheduler/overview/

Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi chaos,

The left panel uses our Tree component. The right panel which opens when you click the settings button is a standard DIV tag.

Best regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi LarsinGame,

You can use the Grid’s const state = saveState() to save the current state of the Grid and loadState(state) method to load a previous state. It will save and load the applied filters.

Best regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi chaos,

Please, refer to https://www.figma.com/community/file/1192112643834873838/smart-ui-kit-for-figma

Best Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi Ferris,

Please, share a complete project link to github or send it via email as we are unable to reproduce the issue you reported.

Thank you in advance1

Regards,
Markov

Smart UI
https://www.htmlelements.com/

[Markov]

Hi,

The example shows how you can send details to a server and then send back the server result to the Grid via a callback function. The important part of the example is the code below with the synchronization of the Grid with the data model. In your case, here you should make AJAX calls to a server and update the Grid on success.

  virtualDataSource: function (resultCallbackFunction, details) {
                    if (details.action === 'dataBind') {
                        // inits the demo server.
                        window.demoServer = DemoServer();
                        const result = window.demoServer.getData(details);
                        // logs the data below the component.
                        LogData(result.data);
                        resultCallbackFunction({
                            dataSource: result.data,
                            lastId: result.lastId,
                            virtualDataSourceLength: result.length
                        });
                    }
                    else {
                        const result = window.demoServer.getData(details);
                        // logs the data below the component.
                        LogData(result.data);
                        resultCallbackFunction({
                            dataSource: result.data,
                            lastId: result.lastId,
                            virtualDataSourceLength: result.length
                        });
                    }
                },

Best Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi,

You can look at https://www.htmlelements.com/demos/grid/server-side-cell-edit/. The sample shows how to use the Grid API to update data on a backend.

Best Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi,

We do not see an issue in this behavior. While you scroll, there are a lot of calculations happening. I cannot observe a delay in the scrolling, too. That is the reason I asked for a sample which demonstrates an issue, because if you have a TreeGrid with auto-height and if that is the case, all cells to be added to the DOM, your page will freeze for sure, because web pages can display only a certain amount of html elements.

Regards,
Markov

• This reply was modified 1 year, 1 month ago by Markov.

[Markov]

Hi,

You can apply html to cells by using the column formatFunctipn callback or template callback – https://www.htmlelements.com/demos/grid/column-dynamic-template-with-components/

Regards
Markov

[Markov]

Hi,

It would be good, if you provide a stackblitz sample showing the behavior so we would be able to see, if there is some configuration issue, too. For example, if the height is auto and you load hundreds of items, the component will have to create ui element for each cell instead of reusing existing.

Regards,
Markov

[Markov]

Hi,

You can look at https://www.htmlelements.com/docs/grid-cell-templates/ to see how to use html with grid cells.

Regards,
Markov

Smart UI
https://www.htmlelements.com/

[Markov]

Hi wolf.t,

You can try a new callback named OnColumnChange which is invoked then the visibility is updated.

Regards,
Markov

Smart UI
https://www.htmlelements.com/

[Markov]

Hi,

We will add API to get/set the scroll position in the next version of the Gantt. At present, we do not have API for that available out of the box.

Best regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts