Products

[LC]

Hi Peter,
OK, thank you for your explanation. Now I have a certain understanding of this phenomenon.
In addition, is it possible to select rows based on index values instead of rows? For instance, in the example, if I want to select all the rows with the ‘First Name’ beginning with the letter ‘A’, I may need to sort first and then select. This is more conveniently in this situation.
Thank you very much for your reply.
BR,
LC

[LC]

Hi Peter,
Glad to see your reply. On the second question, I tried the method you recommended, using the ‘refresh’ and ‘refreshview’ methods, which can be successfully solved at present. Thank you.
As for the first question, it is suggested to try the example on the official website. The specific address is as follows:
https://www.htmlelements.com/angular/demos/grid/selection-mode-auto-show-checkbox/
You can see that before sorting in the instance, we can select each row through the check box on the left. But when I sort the First Name column according to the letters A-Z, and then select a separate row, the order will be disordered. For example, when I click the check box in the first row, the second line is actually selected. Maybe you can have a try.
Thank you very much for your help.
BR,
LC

[LC]

Hi,
Thank you very much. Your reply was very helpful.
BR,
LC

[LC]

Hi Peter,
Thank you very much for your reply. We can see from the API that grid.dataSource is a DataAdapter type. So the question is how to convert this type to array? It would be great if there were relevant examples.
Thank you very much for your help.
BR,
LC

[LC]

Hi,
I’m sure the path about the.xlsx file is correct because I placed it in the same folder as data.ts.
import { GetData } from ‘../common/data’;
the “GetData” function can be used. But the page cannot display the data in the.xlsx file.
BTW, If want to read data from a.json file, is there any examples to refer?
Thank you.
BR,
LC

[LC]

Hi Peter,
Please allow me to confirm:
Following your advice, I looked up some examples of smart-Table.
So what you’re saying is that users using smart-Grid components cannot currently add titles, data, etc. by editing.HTML files. Is it Right?
Similar to the function of smart-table, in the.html file, by editing <table>, <thead>, <tbody> and so on can add titles and data for smart-table, this function is not supported in the smart-grid component. May I ask if my understanding is correct?
Thank you very much for your timely reply.
BR,
LC
 

[LC]

Hi Peter,
I will explain in detail what I have encountered so far:
I currently have a set of Angular projects that I have developed that already contain components such as Button. Sorry for that Smart components are not used in these original components for the time being.
I’m currently trying to integrate smart-Grid components into it to see how it works.
First of all, I added
“@import../ node_modules/smart-webcomponents – presents/source/styles/smart.default.css;”
into the styles.css file and wrote some data according the official website instance.
But at this point the Grid does not display correctly.
I wonder if smart.default.css conflicts with my original .css file?
Then I tried adding smart.default.css to the .css file which only belongs to the smart-Grid component, but it still didn’t work.
Is there any good solution to this problem?
Thank you.
BR,
LC

[LC]

Hi Dimitar,
First of all, thank you very much. It worked according to your reply. After successfully creating the filter, I tried to build on that and add some interesting features. But then a new problem arose, the problem occurred when I tried to use the ability to hide columns in grid with filters.
When I hide a column from display in this case, the corresponding filter below the column can not be hidden with the column. Therefore, the filtering of the whole grid is misaligned.
I don’t know if I’ve described it clearly enough.
I looked at the manual and felt that the filter and its properties were specific to the entire grid, but I didn’t seem to find any hidden/show properties that would control the corresponding filters below the individual columns.
How to solve this problem? Looking forward to your early reply. Thank you very much.
Best regards,
LC

[Author]

Posts