Untuk siapa artikel ini
Hampir semua desainer menghadapi masalah adaptasi saat merender tabel di antarmuka - yaitu, mengadaptasi tabel untuk perangkat seluler. Juga akan adil untuk mencatat kegunaan artikel untuk pengembang Frontend yang menyusun tabel ini.
Masalah
Masalah bagi perancang dimulai pada saat tabel dari versi desktop antarmuka diadaptasi untuk perangkat seluler. Seperti yang kita ketahui, tabel dapat memiliki banyak kolom, yang menyebabkan tabel mogok di luar lebar layar pada perangkat seluler.
Masalah ini tersebar luas, dan hanya bisa diperburuk oleh isi sel, yang tidak dibungkus baris demi baris, sehingga menambah lebar kolom.
Uji set data
Untuk lebih memahami esensi masalah, kami akan membuat tabel untuk diri kami sendiri, dan kami akan menyesuaikannya.
Kolom:
kamar
Sebuah foto
Nama lengkap
Telepon
Surel
tanggal
Deskripsi teks
Status
Tindakan
Hasilnya akan menjadi tabel yang cukup ekstensif yang memiliki semua jenis kolom yang kita butuhkan. Terus terang, bahkan daftar di atas pun menimbulkan pertanyaan bagi saya - terlalu banyak ruang yang terbuang di sebelah kanan.
Lebar tetap dan pembungkusan garis
Lebar konten
“ ”.
. , . — , .
— .
- , .
: , . ( )
, . . .
, . , , . .
-
- , , , , .
- - , - ( ).
, , , ( ).
Jika Anda melihat kesalahan, atau Anda memiliki sesuatu untuk ditambahkan - beri tahu saya, saya pasti akan melakukannya. Terima kasih atas perhatiannya!