Elemen ditambah komponen max-tinggi tidak sah? Bagaimana untuk membuat jadual sangat mudah disesuaikan dan dipaparkan scrollbars?

Elemen ditambah komponen jadual max-ketinggian kegagalan atribut dan penyelesaian

Semasa proses pembangunan menggunakan Element Plus, kita sering memenuhi keperluan untuk ketinggian jadual untuk berubah secara dinamik mengikut kandungan, tetapi tidak boleh dipanjangkan. Idealnya, ketinggian meja harus tumbuh apabila kandungan tumbuh sehingga mencapai 100% elemen induk, dan bar tatal muncul untuk memaparkan kandungan di luar bahagian. Walau bagaimanapun, menetapkan ketinggian maksimum: atribut 100% secara langsung untuk komponen el-meja sering tidak mencapai kesan yang diharapkan. Walaupun ketinggian meja akan mencapai 100% elemen induk, bar tatal tidak dapat dipaparkan secara normal.

Alasan asas untuk masalah ini adalah bahawa komponen el-meja itu sendiri sangat berkomputer. Harta ketinggian max berkuat kuasa pada ketinggian awal tertentu, dan apabila kandungan tidak dimuat sepenuhnya atau perubahan ketinggian kandungan, komponen el-meja tidak dapat mengira ketinggiannya sendiri dengan tepat, menyebabkan harta maksimum ketinggian gagal.

Untuk menyelesaikan masalah ini, kita boleh mengambil dua kaedah berikut:

Kaedah pertama adalah untuk memastikan bahawa komponen el-meja mempunyai nilai ketinggian yang pasti. Ini boleh dicapai dengan menetapkan harta ketinggian secara langsung, seperti ketinggian: 500px atau ketinggian: Calc (100VH - 100px). Kelemahan kaedah ini adalah bahawa ia memerlukan ketinggian yang ideal dari jadual untuk diketahui atau dikira terlebih dahulu, dan ia tidak cukup fleksibel.

Kaedah kedua lebih fleksibel, ia mendengarkan perubahan ketinggian elemen induk dan secara dinamik memberikan ketinggian elemen induk ke komponen el-meja. Kaedah pelaksanaan khusus memerlukan menggunakan JavaScript untuk mendengar peristiwa saiz semula elemen induk atau menggunakan teknik susun atur responsif yang lain. Dengan cara ini, ketinggian komponen el-meja sentiasa konsisten dengan ketinggian elemen induk, sehingga mencapai kesan ketinggian max: 100%. Walaupun ketinggian kandungan melebihi ketinggian elemen induk, bar tatal boleh dipaparkan secara normal. Kaedah ini boleh menyesuaikan diri dengan ketinggian jadual mengikut saiz elemen induk, yang lebih sesuai dengan keperluan perubahan kandungan dinamik.

Atas ialah kandungan terperinci Elemen ditambah komponen max-tinggi tidak sah? Bagaimana untuk membuat jadual sangat mudah disesuaikan dan dipaparkan scrollbars?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!