How to make an Angular Material expandable table responsive
I am trying to make my angular material expandable table responsive like this StackBlitz demo but that doesn't work as well since mine is an expandable table and turns out like this and I am not sure how the demo works so if someone can help me modify it to work with my usage that'd be very appreciated if I can remove the blank name row in between and make it function like the full-screen size that'd be perfect
Solution
Changing td.mat-cell:not(.mat-column-actions) to td.mat-cell:not(.mat-column-actions, .mat-column-expandedDetail) in the mat-table-responsive.directive.scss file removed the blank name row in between.
From:
To:
- SurveyJs with QuillJS and custom module counter
- How to display video or image in single tag?
- Application Structure API Consumed by Mobile & Web (React, Angular, etc)
- Angular Form Validation $invalid not working
- Why the ng-pristine class in AngularJS form always returns true
- How can I know if the $http response is brought from cache - angularjs
- Trying to assert a date format in Cypress that has white space
- Gulp + karma + jasmine + angular + singleRun:true = angular fails to inject
- if(process.env.NODE_ENV === 'production') always false
- Jquery Masonry with AngularJS
- How to validate range between two number inputs using min and max attributes (AngularJs)
- Html5 routing with Spring and Angular
- Issue with Crawling Updated Table Data in a SPA with JavaScript
- Change div content dynamically on ng-click AngularJS
- Angular Materials: Can you disable the autocomplete suggestions for an input?
- Angular smart search on wildcard
- Error: Assertion failed: resolving hosting target of a site with no site name or target name -> Deploying change in Firebase Hosting to Live site
- First modal scroll hiding when second modal is closed
- watching window.innerWidth for changes in the browser resolution using $watch with javascript
- How to Locate and Customize the OAuth Implicit Flow Redirect Screen?
- How to correctly calculate canvas coordinates when scale is applied?
- How can I add a comment (for developers, not in output HTML) to an Angular template?
- Create new DOM element if a specific height was reached with part of the old content from DOM element before
- Angular Front-end editing picture problem
- How do I add multiple conditions to "ng-disabled"?
- ag-grid set the column header to be a checkbox,and do the select all or deselect all column,other than only groups
- Angular date problems
- Replacing modal content after it's opened? AngularUI Bootstrap
- How to get last part of URL, ignoring any GET parameters?
- How to Make a Chat Widget Sticky in a Next.js App