Products

[Markov]

Hi,

If you experience a strange behavior, please share an online example which we can try and test with. We shared in previous posts how to set up the functionality. From only a description, we would not be able to provide more details.

Best regards,
Markov

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

[Markov]

Hi,

The event is raised when the selection is changed i.e when a row is selected or unselected. In the case you describe, it will normally fire the two times, one for selection and another one for unselection. To get the state of the selection, the Grid has methods such as getSelectedRows and others. The full list of methods is available in the Grid API Docs and https://www.htmlelements.com/docs/grid-selection/

Regards,
Markov

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

[Markov]

Hi,

If it’s necessary, set the min-height CSS prop as well.

Regards,
Markov

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

[Markov]

Hi,

Please, take a look at this Table documentation: https://www.htmlelements.com/docs/table/ It shows how to create a new VUE app with the Table component.

Best regards,
Markov

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

[Markov]

Hi,

Please, take a look at this Table documentation: https://www.htmlelements.com/docs/table/ It shows how to create a new react app with the Table component.

Best regards,
Markov

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

[Markov]

Hi,

Sure, follow https://www.htmlelements.com/docs/gantt/ to get started. Then, connect to a REST API using Angular’s HttpClient

import { HttpClient } from '@angular/common/http';

tasks: any[] = [];

constructor(private http: HttpClient) {}

ngOnInit(): void {
  this.http.get<any[]>('https://your-api.com/gantt-data').subscribe(data => {
    this.tasks = data;
  });
}

hope this helps.

Regards,
Markov

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

[Markov]

Hi,

To customize the event rendering, please check this https://www.htmlelements.com/demos/scheduler/custom-event-render/

Hope this helps.

Best regards,
Markov

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

[Markov]

Hi,

Server-side rendering (SSR) is not supported for Smart Editor in React because it depends on browser-only APIs like window and document. However, the smart-webcomponents-react Editor component includes “use client” internally, which ensures it renders only on the client side. This means you can safely use Smart Editor in React SSR frameworks (like Next.js) without SSR issues, as it automatically disables server-side rendering for you

Best regards,
Markov

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

[Markov]

Hi,

Sure, you can dynamically add, remove and update tasks on demand. Please, take a look at this demo: https://www.htmlelements.com/demos/gantt/methods/

Hope this helps.

Best regards,
Markov

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

[Markov]

Hi,

Sure, you can customize the rendering. Please, take a look at https://www.htmlelements.com/angular/demos/kanban/kanban-custom-tasks-styling/

Hope this helps.

Best regards,
Markov

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

[Markov]

Hi,

Please, take a look at https://www.htmlelements.com/vue/demos/kanban/export/.

Hope this helps

Regards,
Markov

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

[Markov]

Hi,

Smart UI allows defining each column’s width explicitly. You can mix:

%-based widths (relative to grid width)
auto (for content-based sizing)
Leave width undefined → grid will auto-distribute

Since you don’t know the total number of dynamic columns, use logic in JavaScript/TypeScript to calculate the remaining width and apply it evenly to the dynamic columns.

Best regards,
Markov

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

[Markov]

Hi,

The column id is the ‘dataField’ property which you set to the columns.

Best Regards,
Markov

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

[Markov]

Invoke the getSelectedRowIndexes method.

const grid = document.querySelector(‘smart-grid’);
const result = grid.getSelectedRowIndexes();

Best Regards,
Markov

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

[Markov]

When you go to: https://www.htmlelements.com/forums/ There is a search input above the forums. You can use it.

[Author]

Posts