Relative Content

Tag Archive for javascriptangularangular-material

Select collectionsMat table rows based on mouse and Shift as Excel

I work with angular material table,my table contains a selection Model to handle the selected All and selected One and contains some columns and some rows.
what i have now that i can select all or select one element and all is good,
what i need is to handle the event Shift click as Excel to select the checkbox as a multiples rows.
and when i select a collection in same time there checkbox will be selected and i have the possibility to uncheck one one i click on it.(i found this behaviour in ag grid table but i need that with mat table )
this gif explains the behaviours , just i need to select the element between start end , i can select to range and i push them in fianlArray..

Select collectionsMat table rows based on mouse and Shift as Excel

I work with angular material table,my table contains a selection Model to handle the selected All and selected One and contains some columns and some rows.
what i have now that i can select all or select one element and all is good,
what i need is to handle the event Shift click as Excel to select the checkbox as a multiples rows.
and when i select a collection in same time there checkbox will be selected and i have the possibility to uncheck one one i click on it.(i found this behaviour in ag grid table but i need that with mat table )
this gif explains the behaviours , just i need to select the element between start end , i can select to range and i push them in fianlArray..

Select collectionsMat table rows based on mouse and Shift as Excel

I work with angular material table,my table contains a selection Model to handle the selected All and selected One and contains some columns and some rows.
what i have now that i can select all or select one element and all is good,
what i need is to handle the event Shift click as Excel to select the checkbox as a multiples rows.
and when i select a collection in same time there checkbox will be selected and i have the possibility to uncheck one one i click on it.(i found this behaviour in ag grid table but i need that with mat table )
this gif explains the behaviours , just i need to select the element between start end , i can select to range and i push them in fianlArray..