Tabel pohon jquery menggunakan

table.treetable tbody tr td {
  ...
  padding: .3em 1em;
  ...
}

Saya bertanya-tanya bagaimana saya bisa mencegah penyebaran padding-left dari 1em ke sub-tabel:

    <table class="treetable">
      <tbody>
        <tr><td>
          <table class="inner"><tr><td class='nopad'>content</td></tr></table>
        </td></tr>
      </tbody>  
    </table>

Saya ingin <td class='nopad'> memiliki padding-left : 0px;. Saya mencoba beberapa hal, yaitu .nopad { padding-left: 0px; } tetapi tampaknya padding dari treetable menyebar dan menimpa pengaturan apa pun.

0
Konrad Eisele 29 Oktober 2019, 00:38

1 menjawab

Jawaban Terbaik

Cukup tetapkan nilai padding Anda kembali ke initial untuk td bersarang. Ini semantik karena tidak mengharuskan Anda mengubah DOM dengan menambahkan kelas tambahan.

table.treetable tbody tr td td {
  padding: initial;
}
0
Scott 28 Oktober 2019, 21:54