Tabelle Breite zu 100% mit MDL, aber wird nicht funktionieren

Question

So habe ich den folgenden Code, aber wenn ich versuche, die Tabelle auf dem Bildschirm mit Breite 100% passt es funktioniert nicht. Aber wenn ich die MDL-Klasse aus der Tabelle entferne und eine normale HTML-Tabelle, dann funktioniert es perfekt. Gibt es eine Möglichkeit, das zu beheben? Ich habe die folgenden CSS, HTML und JS auf der jsfiddle-Website, so dass es für Sie einfacher zu bestimmen ist.

.full-width { 
    width: 100% !important; 
} 

#removeTable{ 
    width: 100% !important; 
} 

<table id="createScheduleTable" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width"> 

https://jsfiddle.net/sphm1zxL/216/

Answer 1

Die Eingabefelder bleiben wegen der CSS-Stil white-space: nowrap; in mdl-data-table in einer Zeile. Eine Arbeit um ist:

<table id="createScheduleTable" style="white-space: normal;" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">