Potrzebujesz pomocy, Próbuję usunąć poziomą linię w jQuery Datatables.Jquery datatables usunąć poziomą linię
Zobacz zrzut ekranu poniżej: Próbuję znaleźć linię za pomocą inspektora elementów Google Chrome, ale bez powodzenia.
Potrzebujesz pomocy, Próbuję usunąć poziomą linię w jQuery Datatables.Jquery datatables usunąć poziomą linię
Zobacz zrzut ekranu poniżej: Próbuję znaleźć linię za pomocą inspektora elementów Google Chrome, ale bez powodzenia.
jest w css:
table.dataTable.display tbody td
Jest to górna granica:
border-top: 1px solid #ddd;
dla każdej komórki.
lub tylko dla nagłówka:
w css:
<thead>
<th>
<td>
Td property:
border-bottom: 1px solid #111;
Aby przetestować go można odznaczyć własności w CSS inspektora.
Te odrębne linie są renderowane przez <th>
elementów w <thead>
i <tfoot>
. Użyj ich, aby je usunąć. Demo ->http://jsfiddle.net/dgsccstp/ spróbuj skomentować kod CSS i uruchom ponownie.
Mój datable nie ma stopki (tfoot) Próbowałem twój css ale pozioma linia na dole jest nadal widoczna. –
Musisz dokładnie pokazać, jakie masz konfiguracje DataTables - istnieje wiele sposobów, trudno zgadnąć. Powyższe jest w standardowej konfiguracji, prawdopodobnie używasz wtyczki bootstrap? – davidkonrad
Jeśli twoja tabela danych nie ma stopki (z powodu twoich opcji konfiguracyjnych) @ rozwiązanie davidkonradu nie będzie działać. Jednak nadal możesz użyć tego rozwiązania, jeśli dodasz stopkę, a następnie ukryjesz ją za pomocą CSS :)
Nie używam tfoot, więc ciemna linia na końcu tabeli jest generowana w tbody. Usunąłem go, dodając ten kod CSS:
table.dataTable {
border-collapse: collapse;
}
Dzięki! Już usunąłem linię graniczną, używając tego css table.dataTabela thead th, table.dataTable thead td { border-bottom: none! Important; important; } Jedynym pozostawionym teraz jest dolna linia pozioma. –