Responsive table

edit
dbnnm

Table based on Material Design Materialize that changes its orientation when the viewport is narrow. This makes it easy to use on mobile or desktop. edit

Add to your website

looks_onePaste the AnyMod script inside your HTML's <head> section.

looks_twoPaste the mod tag anywhere you want this mod to show.

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Responsive table</title>

    <!-- AnyMod -->
    <script id="AnyMod-script">
      (function (m,o,d,u,l,a,r,i,z,e) {
        u[m]={Project:o,rq:[],Opts:r,ready:function(j){u[m].rq.push(j)}};function j(s){return encodeURIComponent(btoa(s))};z=l.getElementById(m+'-'+a);r=u.location;
        e=[d+'/page/'+o+'/'+j(r.pathname)+'/'+j(r.host)+'?t='+Date.now(),d];e.map(function(w){i=l.createElement(a);i.defer=1;i.src=w;z.parentNode.insertBefore(i,z);});
      })('AnyMod','library','https://cdn.anymod.com/v2',window,document,'script',{ toolkit: true, tips: true, priority: 3 });
    </script>
    <!-- /AnyMod -->

  </head>
  <body>

    <!-- Responsive table -->
    <div id="anymod-dbnnm"></div>

  </body>
</html>
looks_one
looks_two
Download HTML file