ngx-datatable-row-detail collapsing by itself
See original GitHub issueI’m submitting a …
[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter
Current behavior
When I select an input inside <ngx-datatable-row-detail>
the detail will collapse. If I expand it again and select a value from a <select>
or edit an <input>
it will collapse again.
Expected behavior The detail should stay expanded.
Reproduction of the problem
Add <input>
or <select>
elements inside <ngx-datatable-row-detail>
and try to interact with them.
You can watch the unexpected behaviour here too.
What is the motivation / use case for changing the behavior?
Please tell us about your environment:
-
OS: MS Windows 10 Pro
-
IDE: VS Code/WebStorm
-
Package Manager: NPM
-
Table version: 14.0.0
-
Angular version: 6.1.10
-
Browser: Chrome, Opera, Chrome Mobile
-
Language: [TypeScript 2.9.2 | ES6/7]
Issue Analytics
- State:
- Created 5 years ago
- Comments:9
Top Results From Across the Web
ngx-datatable detail row not expanding - Stack Overflow
The data appears and so does the icon to expand the details row. Events fire and show the row data, but nothing is...
Read more >Changelog - ngx-datatable - GitBook
Bug: do not collapse row details when row updated (#1778) ... BREAKING: Renamed datatable css class to ngx-datatable. BREAKING: Embedded core css file...
Read more >@swimlane/ngx-datatable@20.1.0 - jsDocs.io
Row heights have to be calculated based on the row heights cache as we wont be able to determine which row is of...
Read more >ngx-datatable - Angular component for presenting large and ...
Angular datatable for handling large and complex datasets in table ... Row Grouping; Fluid Row Height; Fixed Row Height; Dynamic Row Height; Row...
Read more >angularjs - Nested ngx-datatable - Stack Overflow
Well i think you should use row details . · @TouqeerShafi I need to add set of details in one column. · Well...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@SeniorCSSdeveloper Nope, I am working on the backend of the application now. I still have to fix this but I have other priorities, when I got back to work on it, I will post the solution here if I found.
Try with
(select)=“$event.stopPropagation()”
It worked for me on a similar issue with an input on the header.