Saya menggunakan pustaka tabel CSV ke HTML ini, dan berhasil Bagus. Masalah saya adalah, ketika saya mengunggah csv yang tidak berisi header, baris pertama ditampilkan sebagai baris header. Saya ingin baris tajuk ditampilkan hanya jika ada tajuk dengan jelas. Ada ide bagaimana?

Ini adalah perpustakaan yang saya gunakan:

<CsvToHtmlTable                                             
data={this.file}
csvDelimiter={this.delimiter)}
tableClassName="table"
tableColumnClassName="tableColumn"
tableRowClassName="tableRow"
header="th"/>

Dan ini adalah css untuk 'th', jika perlu:

th {
  /*background-color: rgb(177, 176, 176); */
  background-color: #222222;
  color: white;
  font-size: 13px;
  font-weight: 400;
  border-right: 1px solid #ddd;
  height : 38px;
}
0
Jason000 8 Agustus 2019, 01:03

1 menjawab

Jawaban Terbaik

Menurut Wikipedia, CSV tidak memiliki cara standar untuk mengetahui apakah file memiliki header atau tidak. Anda tentu saja dapat menemukan beberapa cara untuk mendeteksi keberadaan header, yang berlaku untuk kumpulan data Anda.

Untuk kenyamanan Anda, paket NPM yang Anda gunakan memiliki prop yang disebut hasHeader. Dengan menyetelnya, Anda memberi tahu komponen apakah akan merender header atau tidak. Nilai defaultnya adalah true.

Jadi, Anda dapat menghapus header dari elemen hanya dengan memberikan elemen <CsvToHtmlTable /> false sebagai penyangga hasHeader.

Seperti ini:

<CsvToHtmlTable                                             
  data={this.file}
  csvDelimiter={this.delimiter}
  hasHeader={false}
  tableClassName="table"
  tableColumnClassName="tableColumn"
  tableRowClassName="tableRow"
/>

Semoga saya bisa membantu! Tanyakan jika Anda memiliki keraguan lebih lanjut!

1
Akseli 8 Agustus 2019, 02:07