Здесь у меня проблемы с последней колонкой.Я хочу, чтобы последний столбец BG-цвет и границы до вертикальной полосы прокрутки

Question

Здесь у меня проблемы с последним столбцом.Я хочу, чтобы последний столбец BG-цвет и границы до вертикальной полосы прокрутки.И текст заголовка перекрывается.

Вот ссылка: http://jsfiddle.net/8JvZQ/

Answer 1

Плавающий заголовок

Добавленная ширина: 100%;to .tableScrollBar table {}:

Fiddle: http://jsfiddle.net/hobobne/8JvZQ/3/

Примечание: Это прямое решение вашей проблемы.Однако, если вы просто хотите, чтобы эффект заголовка таблицы всегда был видимым.Затем вы можете использовать jQuery, чтобы сделать его полностью плавным при прокрутке. Вот демоверсия плавающего заголовка и отсюда вы можете скачать его.

Последняя строка (CSS)

Это версия css для определения последней строки.Тем не менее, это не кроссбраузер, так как IE делает recotnize: first-child, но не: last-child: (

Fiddle: http://jsfiddle.net/hobobne/8JvZQ/4/

Последняя строка (jQuery)

Это версия jQuery для определения последней строки. Это идеальное решение!

Fiddle: http://jsfiddle.net/hobobne/8JvZQ/9/

Не полная версия

Это делается путем добавления display: inline-block; к глобальному контейнеру.

Fiddle: http://jsfiddle.net/hobobne/8JvZQ/10/

Последний столбец имеет полную ширину (простокак ваш скриншот)

Это делается путем добавления class="w100pre" в столбец телефона, а также создания нового класса: .w100pre {width: 100%;}, который можно использовать глобально на вашем сайте:)

Fiddle: http://jsfiddle.net/hobobne/8JvZQ/11/

ПРИМЕЧАНИЕ: Я потратил около 2 часов на этот вопрос.

Answer 2

здесь точно так же, как ваш скриншот исправил перекрытие текста. http://jsfiddle.net/8JvZQ/14/ скрытие строки для исправления перекрывающегося текста.