Bootstrap 3 Tabella all’interno di un pannello traboccante

Recently Filtered
Sensor IDTemperatureVoltageDate
Sensor IDTemperatureVoltageDate
Sensor IDTemperatureVoltageDate
Sensor IDTemperatureVoltageDate

La tabella all’interno di un pannello è straripante quando eseguo lo zoom in avanti, ecco un esempio di immagine inserisci la descrizione dell'immagine qui

Qual è il markup corretto per risolvere questo problema? So che può scalare correttamente di sicuro.

Puoi sempre aggiungere la class .table-responsive alla tabella per farla scorrere orizzontalmente. Esempio:

 
...

Se questo non è ciò che desideri, è necessario ridurre le dimensioni del carattere per adattarlo meglio.

sembra che accada solo quando il viewport ha risposto alle dimensioni dei dispositivi mobili. La soluzione più semplice è aggiungere la regola di overflow .

 .panel { overflow: auto; } 

è anche ansible modificare le dimensioni dei caratteri o rimuovere le celle della tabella non necessarie. Potresti anche abbreviare

  • ID
  • Temp
  • V
  • Data

Solo un’idea, hai provato ad aggiungere un div con un pannello di class attorno al tavolo?