Angular 6响应数据表->列合并

Question

将Angular 6数据表与角材料一起使用，想要使其具有响应性，就像jquery数据表中的功能一样，例如合并列，如https://codepen.io/SitePoint/pen/xbvWQv

 $('table').DataTable(); // See: // http://www.sitepoint.com/responsive-data-tables-comprehensive-list-solutions 

 body { font-size: 140%; } h2 { text-align: center; padding: 20px 0; } table caption { padding: .5em 0; } table.dataTable th, table.dataTable td { white-space: nowrap; } .p { text-align: center; padding-top: 140px; font-size: 14px; } 

 <h2>Responsive Table with DataTables</h2> <div class="container"> <div class="row"> <div class="col-xs-12"> <table summary="This table shows how to create responsive tables using Datatables' extended functionality" class="table table-bordered table-hover dt-responsive"> <caption class="text-center">An example of a responsive table based on <a href="https://datatables.net/extensions/responsive/" target="_blank">DataTables</a>:</caption> <thead> <tr> <th>Country</th> <th>Languages</th> <th>Population</th> <th>Median Age</th> <th>Area (Km²)</th> </tr> </thead> <tbody> <tr> <td>Argentina</td> <td>Spanish (official), English, Italian, German, French</td> <td>41,803,125</td> <td>31.3</td> <td>2,780,387</td> </tr> <tr> <td>Australia</td> <td>English 79%, native and other languages</td> <td>23,630,169</td> <td>37.3</td> <td>7,739,983</td> </tr> <tr> <td>Greece</td> <td>Greek 99% (official), English, French</td> <td>11,128,404</td> <td>43.2</td> <td>131,956</td> </tr> <tr> <td>Luxembourg</td> <td>Luxermbourgish (national) French, German (both administrative)</td> <td>536,761</td> <td>39.1</td> <td>2,586</td> </tr> <tr> <td>Russia</td> <td>Russian, others</td> <td>142,467,651</td> <td>38.4</td> <td>17,076,310</td> </tr> <tr> <td>Sweden</td> <td>Swedish, small Sami- and Finnish-speaking minorities</td> <td>9,631,261</td> <td>41.1</td> <td>449,954</td> </tr> </tbody> <tfoot> <tr> <td colspan="5" class="text-center">Data retrieved from <a href="http://www.infoplease.com/ipa/A0855611.html" target="_blank">infoplease</a> and <a href="http://www.worldometers.info/world-population/population-by-country/" target="_blank">worldometers</a>.</td> </tr> </tfoot> </table> </div> </div> </div> <p class="p">Demo by George Martsoukos. <a href="http://www.sitepoint.com/responsive-data-tables-comprehensive-list-solutions" target="_blank">See article</a>.</p> 

有可能在角度上执行类似的操作吗？ 如果可以的话，我该如何整合呢。 我在我的应用中使用的是角度版本6和角度材料