ag-grid-angular

Show popup kind of cell renderer

我们两清 提交于 2021-02-11 14:50:53
问题 I want to show a popup kind of cell renderer when a cell is focused. For suppose, if the row height is 50px, when a specific cell is focused, I want to have a custom cell renderer that has a height greater than 50px(e.g., 80px). I have developed a custom cell renderer, but only the content which fits within the cell height(50px) is visible and the remaining content is cut off. I tried setting up absolute positioning,higher z-index etc., but nothing worked. For cell editors, we can specify

Show popup kind of cell renderer

家住魔仙堡 提交于 2021-02-11 14:50:51
问题 I want to show a popup kind of cell renderer when a cell is focused. For suppose, if the row height is 50px, when a specific cell is focused, I want to have a custom cell renderer that has a height greater than 50px(e.g., 80px). I have developed a custom cell renderer, but only the content which fits within the cell height(50px) is visible and the remaining content is cut off. I tried setting up absolute positioning,higher z-index etc., but nothing worked. For cell editors, we can specify

Form control label missing accessibility issue after upgrading to ag grid version 23

♀尐吖头ヾ 提交于 2021-02-11 12:22:29
问题 Accessibility issue after upgrading to ag grid version 23 When I check through site improve acceesibility check, I get below error: I'm getting an error for form control label missing. Add the text withing form element within the label tag or WAI-ARIA 'aria-label' or 'aria-labelledby' that is already present. I didnt get a solution anywhere even in community. Kindly let me know if it is possible to add label text in ag-grid version 23 screenshot of console showing the empty label error

How to call a service from ag grid drag & drop event

我与影子孤独终老i 提交于 2021-01-29 19:12:52
问题 I have an ag-grid set up with options to trigger drag and drop events: this.gridOptions = { columnDefs: this.getColumnDefs(), rowDragManaged: true, onRowDragEnter: this.onRowDragEnter, onRowDragEnd: this.onRowDragEnd, ... I also have a simple service export class myService { ... public doSomething(): void { ... } } It seems I cannot call the doSomething service function from within the onRowDragEnd event - getting a cannot read property 'doSomething' of undefined... at Object.onRowDragEnd

Angular ag-grid - how do I collect a header clicked event?

孤者浪人 提交于 2021-01-29 13:38:05
问题 I want to catch an event from a header click in a non-sorted column and I can't figure out how to do so. I can get it if I turn on sorting with onSortChanged but if I do that, I can't suppress the sort/turn off the arrows form displaying. Any ideas how to simply grab the a header clicked event? Thank you. 回答1: To achieve expected result, use below option of using addEventListener on Header cell this.gridOptions = <GridOptions>{ enableSorting: false, enableFilter: true, onGridReady: (params) =

Search function of AgSetColumnFilter customization

旧时模样 提交于 2021-01-12 06:10:28
问题 I have this project in Plunker https://plnkr.co/edit/3yuS4UKvkrK75Zy2 which shows a table with its column. What I need is building a search lookup function instead of the default filter function, so that ON The List of Values in Mini Filter window and NOT the whole table: If typing the full name Michael then the table will be filtered by Michael, OR if I type the phone number then the name of Michael will be filtered by Michael. in other words. There is a mapping array: valueFilter = [{ key:

Search function of AgSetColumnFilter customization

送分小仙女□ 提交于 2021-01-12 06:09:23
问题 I have this project in Plunker https://plnkr.co/edit/3yuS4UKvkrK75Zy2 which shows a table with its column. What I need is building a search lookup function instead of the default filter function, so that ON The List of Values in Mini Filter window and NOT the whole table: If typing the full name Michael then the table will be filtered by Michael, OR if I type the phone number then the name of Michael will be filtered by Michael. in other words. There is a mapping array: valueFilter = [{ key:

Search function of AgSetColumnFilter customization

你说的曾经没有我的故事 提交于 2021-01-12 06:09:15
问题 I have this project in Plunker https://plnkr.co/edit/3yuS4UKvkrK75Zy2 which shows a table with its column. What I need is building a search lookup function instead of the default filter function, so that ON The List of Values in Mini Filter window and NOT the whole table: If typing the full name Michael then the table will be filtered by Michael, OR if I type the phone number then the name of Michael will be filtered by Michael. in other words. There is a mapping array: valueFilter = [{ key:

Search function of AgSetColumnFilter customization

五迷三道 提交于 2021-01-12 06:08:36
问题 I have this project in Plunker https://plnkr.co/edit/3yuS4UKvkrK75Zy2 which shows a table with its column. What I need is building a search lookup function instead of the default filter function, so that ON The List of Values in Mini Filter window and NOT the whole table: If typing the full name Michael then the table will be filtered by Michael, OR if I type the phone number then the name of Michael will be filtered by Michael. in other words. There is a mapping array: valueFilter = [{ key:

How to build a lookup search functin using ag-grid CustomFilterComponent

时光总嘲笑我的痴心妄想 提交于 2021-01-07 02:41:44
问题 I have this example: https://embed.plnkr.co/iUrXZcG14lzhpD5Ofa3z/ which shows a table with its columns, what i need is building a search lookup function instead of the default filter function, so that: if typing the full name michael then the table will be filter by michael, OR if i type the phone number then the name of michael will be filtery by michael. in other word. There is a mapping array: { key: michael, value: michael, tokens:{ michael, mich, ael, +0912312321 }} , { key: natalie,