Geniş tabloyu düzgün bir şekilde gösterme yolu

Question

Sadece bir veri ızgarası gösteren temel bir ekran yapıyorum, ancak ızgarada ekranın üstesinden daha fazla sütun olabilir. Bootstrap kullanmayı planlıyorum, ama sadece kontrolleri için, bak ve hisset. Ancak sayfanın mobil cihazlar için ölçeklendirilmesine gerek yoktur.

verilerin bir çok temel bir örnek

böyle görünüyor gösteriyorum:

https://jsfiddle.net/bunwt5cy/1/

Yani, ilk sütun tam o sırada artan bir bir tarihe izledi sayı, ve verilerdir. Sütun sayısı 1 hesaptan 20'ye kadar değişebilir. Her sütun (hücre) daha sonra 0,00 ila 99,999,99 arasında değişen 3 finansal değere (demoda 2 gösterilir) sahiptir (Gerekli boyutları göstermek için).

Şu anda <TABLE> kullanıyorum, ancak bunu yapmak için önyükleme kullanarak daha iyi bir yol var mı? DIV'ler ile daha iyi yapılabilir mi? Ve eğer yaparsam, satır başına 12 Div ile sınırlı mıyım? Eğer öyleyse, bu bir seçenek değil, benim kılavuzumda> 12 sütun olabilir.

İşte bazı satırların bir örneğidir. Onu daha iyi hale getirmeye çalışıyorum ve 'mümkün olan en iyi' en iyi uygulamayı kullanıyorum, ama aynı zamanda güzel olun.

Answer 1

En iyi uygulama olarak, CSS kullanarak o "güzel" yapmak için ise, bu tür elektronik tabloya benzer, sekmeli veri için table elemanı kullanmaya devam etmelidir. HTML5 özelliklerine göre div element

:

şiddetle son çare bir unsuru olarak div öğesi görüntülemek için teşvik edilir

Yazarlar

div elemanı hiç özel bir anlamı yoktur ... Başka hiçbir element uygun olmadığı zaman için. Div öğesi yerine daha uygun öğelerin kullanılması, okuyucular için daha kolay erişilebilirliğe ve yazarlar için daha kolay erişilebilirliğe yol açar. Bu durumda table yılında

, bu tür sekmeli veri ziyade div için table elemanı kullanmaya devam etmelidir iyi uygulama açısından yüzden, sekmeli veri için uygundur mevcuttur.