• Framework Version: 3.0.0
• Flavor used:
• Operating System/Browser: Ubuntu 18.10 / Chrome
• Code to reproduce: Horizontal tables
• Screenshots:
  
  

i hope horizontal tables look like second screenshot. because actually table is not to bigget then screen but size of table is over than screen(exist scroll)

but i don't know you have mean to keeping first thing. so i just suggest this carefully
if you have reason to keep first thing, i want know that reason because that is helpful to make web application

anyway now i try override css to look like second, i leave that css at bottom. actually i'm not frontend developer so my css knowledge is so low. so i don't know that have problem.

    table td {
        text-align: left;
    }
    /* it is enough fit horizontal table fit on screen*/
    table.horizontal thead {
        flex: .2 0 0;
    }
    table.horizontal tbody {
        flex: .8 0 0;
        margin-left: 0;
    }
    table.horizontal th {
        width: auto;
    }
    table.horizontal td {
        width: auto;
    }