Twitter Bootstrap - Machen Sie eine Tabellenzeile inaktiv

Question

Hallo Ich möchte eine Zeile in einer Tabelle inaktiv machen. Auch wenn es einfach ist, selbst zu hacken und ein benutzerdefiniertes CSS mit der gleichen Farbe der inaktiven Elemente meines aktuellen Themas hinzuzufügen, denke ich, dass es durch Bootstrap selbst gehandhabt werden kann.

Irgendwelche Vorschläge?

Answer 1

Bootstrap hat ein paar Elemente finden Sie vielleicht hilfreich:

---

Verwenden kontextuellen Klassen Zeilenfarben zu ändern:

<!-- On rows --> 
<tr class="active">...</tr> 
<tr class="success">...</tr> 
<tr class="warning">...</tr> 
<tr class="danger">...</tr> 
<tr class="info">...</tr> 

<!-- On cells (`td` or `th`) --> 
<tr> 
    <td class="active">...</td> 
    <td class="success">...</td> 
    <td class="warning">...</td> 
    <td class="danger">...</td> 
    <td class="info">...</td> 
</tr> 

http://getbootstrap.com/css/#tables-contextual-classes

---

Verwendung kontextuellen Farben die sich ändern Farbe des Textes:

<p class="text-muted">...</p> 
<p class="text-primary">...</p> 
<p class="text-success">...</p> 
<p class="text-info">...</p> 
<p class="text-warning">...</p> 
<p class="text-danger">...</p> 

http://getbootstrap.com/css/#helper-classes-colors

---

Das deaktivierte Element für Formelemente und Tasten primär ist. Überprüfen Sie, ob sich hier,

Answer 2

Enthält die Tabellenzeile irgendwelche Eingaben? Wenn ja, füge das deaktivierte HTML5-Attribut der Eingabe hinzu und mache den Text in dieser Zeile möglicherweise grau, um anzuzeigen, dass er inaktiv ist? Nur eine Idee ..

I.E.

<tr> 
    <td style="color:grey;">Sample Text</td> 
    <td><input type="text" disabled/></td> 
</tr> 

Ich habe mit Twitter Bootstrap ein bisschen gearbeitet und habe keine dieser Funktionen obwohl.

Answer 3

Ich habe eine benutzerdefinierte Klasse erstellt table-inactive:

.table-inactive td { 
    background-color: #ececec; 
    color: #b9b9b9; 
}