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

Это мой стол:http://jsfiddle.net/mademoiselletse/bypbqboe/59/

Это код, который я вставил в JS (строка 121-133):

$(function() {
    var $tableClass = $('.table');
    // Make a clone of our table
    var $fixedColumn = $tableClass.clone().insertBefore($tableClass).addClass('fixed-column');

    // Remove everything except for first column
    $fixedColumn.find('th:not(:first-child),td:not(:first-child)').remove();

    // Match the height of the rows to that of the original table's
    $fixedColumn.find('tr').each(function(i, elem) {
      $(this).height($tableClass.find('tr:eq(' + i + ')').height());
    });
});

Это свойства CSS (строки 36-47), которые я вставил:

.table-responsive > .fixed-column {
   position: absolute;
   display: inline-block;
   width: auto;
   border-right: 1px solid #ddd;
}

@media(min-width:768px) {
    .table-responsive>.fixed-column {
        display: none;
    }
}

Единственное, что я отклонился отдемонстрационный код было то, что я определил$('.table') как$tableClass вместо$table так как я ранее определилvar $table как$('#table') , Ваша помощь будет высоко ценится!