import{DtMessages,DtMessagesEn}from'ng-mazdik-lib';
messages: DtMessages=newDtMessagesEn({empty: 'No data to display',titleDetailView: 'Item details',titleCreate: 'Create a new item'});this.dataManager=newDataManager(this.columns,this.settings,this.service,this.messages);
you have defined JSON as per the datatable demand.. If we want to change the json attribute names (i.e data, children to dataEntity, ChildrenEntity) different name, then do we need to change the core files in tree.ts , tree-node.ts etc ???
for type "select-dropdown" in data table, when it is empty selection initially, during selecting first option and navigate away, it will always empty, have to select second option or else then only selecting back option one success.
I am having trouble getting the demo to connect to a FLASK API service. I replaced the data in the "players.json" file with my test data, so i know my table formatting is good because the table loads fine from the json file, it just wont connect to my api.
I created a new "RestlessService.ts" and call that from "basic-demo.components.ts", tried to follow your suggested code in the readme as best i could.
The page loads when i do "npm start" but i get a http error pop up:
Hi, is that a way to export all table content base on filter? (instead of the current page only)
for example, base on the filter, the total rows is 300 over total 500 rows, but pagination only shows 100 per rows, I would like to export all 300 rows.
Is that a way to make the RowAction have an indicator like cell changed indicator on the top right of each cell? If there is one cell in that row have value changed, the RowAction will have an indicator as well.
That would be great for a large number of rows when scrolling through, some might miss out the cell changed indicator. Since RowAction will be the easiest way to refer if there is any row changed.
An indicator or background color highlight for RowAction would be great.
Hello, I opened this new one to not go off-topic on the other post. I was trying the live demo updates, and it's working, my list of items is updated every 2 seconds. But I noticed that the updated data is not propagated inside the Update item form, I bounced back and forth between functions but I'm not sure what to do. The problem is that my items are updated every 2 seconds, but when I open the Update form to update an item, I want the form input values to update every 2 seconds too. What would you suggest? I don't want to mess the code badly
usually datable display data, RowHeight no need too high.
i had modify min-height to 25px. and rowHeight i want to setting to 25 ,but char not center align
.datatable-header-row {
min-height: 20px;
}
Hello, I'm trying from couple days to integrate your crud table in my project, I have followed the steps such as creating my service implementing DataSource etc. but I have now a few problems, I got the table to displaying my items, so the GET works, but I have an error in my console that I'll paste here. Also global filter is not working for me for some reason, and I don't know why Delete is giving me 400 Error. I'll paste here the main error which is displayed in the console as soon as I route on the component.
can you add @HostBinding('style.font-size.px') and line-height ? we can define the cell font-size and line-height , so ,function same as Powerbuilder ( DataWindow)
because I make ng-curd-table to web elements, no need setting global css
this data table is so nice, i like it, i will use in my project (MIS SYSTEM), but how can export to Excel .
because My user always export data to Excel
@mazdik
Is there any way to update the column values based on Filter condition.
Example: Toggle Button to decide to Show the Column result either in Percentage or in Number.
In the basic demo, the "Cascading Select" is depending on the column "Race".
Here I attached the image :
But as you can see the column "Cascading Select" is displaying all the options without depending on the column "Race". But in update dialog it depends on the column "Race".
Here I attached the image :
Is this intentional or bug ? If this intentional can u help with workaround for edit in cell able to dependsColumn.
I want to reorder table column , when i change column order and title of column on a button and click value changes reflect on table.colmn data , but not the view.
The view is not updated after the data change.
I tried with ChangeDetectorRef , but it also updating the view.
Can you add one example in demo section , where we also have Fixed Frozen Column with no Horizontal Scroll Bar for it.
Is it possible to have Scroll Bar (Horizontal) starting from the scrollable column. For the Frozen columns , there no scroll bar present as visible following picture.
I tried to manipulate the checkbox column position , but the column [0] index is pointing to data column. How we suppose to manipulate the position of the checkbox ?
If i want to bind column field from inner object like this
{
"areaId": 1,
"areaName": "Area 1",
"areaCode": "002",
"clientId": 1,
"client": {
"clientId": 1, "clientName": "South Beach",
"clientCode": "0001"
}
}
how bind clientName
I am using the crud table from basic-demo, is there a way I can get all changes made to multiples rows, and I can customize my own Save All button to trigger save at once?
After the user changing multiple different rows/columns, it would be nice if they decide to Save All at once.
hi, currently the pagination is requesting from API for every row in DB and then paginate it. for example, i have 1000 rows in my DB. every time i click on next page it request through API and the API returns the same 1000 rows.
I might have do something wrong here. is there any way to send current page and limit through the API to reduce the loading time of the table ?
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent