Заголовок HTML, связанный с таблицей

Question

У меня есть таблица с неопределенным количеством записей; на печатных страницах PDF Я хочу, чтобы эта таблица переходила на следующую страницу, когда она больше не вписывается ни на одну страницу, а не прорезает середину, и это хорошо работает. Однако у меня есть имя/описание таблицы, которое говорит что-то о таблице, которую я хочу связать с таблицей, и которая прыгает вместе с ней, всякий раз, когда таблица переходит на следующую страницу. Любая идея о том, как это сделать? Извините, если это кажется тривиальным, я не CSS/HTML Guru, любая помощь будет принята с благодарностью.

Вот что у меня есть: Я знаю, что должно быть тело в таблице, но по какой-то причине, что не идет хорошо с инструментом я использую

CSS:

.table_position 
{ 
     table-layout:fixed; 
     margin-top:15px; 
     margin-bottom:15px; 
     float:left; 
     vertical-align:top; 
     position:relative; 
     width:100%; 
     page-break-inside:avoid !important; 
} 

HTML:

<div class="table_position"> 
     <span style="margin-left: 2%; color:rgb(245,132,31);">sample description</span> 
     <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; margin-left:2%; width:93%;" svmx-data="{{$sample_data}}" width="100%"> 
      <thead> 
       <tr> 
        <th class="theader" svmx-data="{{$sample_date}}" width="35%"> 
         <span>date</span></th> 
        <th class="theader" svmx-data="{{$sample_type}}" width="40%"> 
         <span>type</span></th> 
        <th class="theader" svmx-data="{{$sample_quan}}" width="25%"> 
         <span>quantity</span></th> 
       </tr> 
      </thead> 
     </table> 
    </div> 

jsFiddlehttp://jsfiddle.net/0wdr69cz/

Answer 1

Ответ на этот вопрос достаточно прост: использовать HTML-тег таблицы <caption>

Это именно то, что я хотел.

Answer 2

Вы пытались поместить заголовок описания таблицы в самый первый ряд вашего thead и в пределах th с colspan 3?

Я предполагаю, что это сработает, а затем примените класс для его индивидуального стиля. Вы даже можете удалить границы с этой строки и сделать его похожим на это из таблицы