Как сделать условный css на строку таблицы?

У меня есть css, что мне нужно работать на IE8. Поэтому я не могу использовать last-child. Как трюк я используюКак сделать условный css на строку таблицы?

table#GridViewMemory tr:first-child + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td { 
    display:table-cell; 
}

показать 13-й строки таблицы. Моя таблица имеет только две колонки

Причина, по которой я хочу показать только 13-ю строку, потому что это gridview в aspx (vb.net), а 13-я строка - это разбиение на страницы (ссылка на страницу 1 страницы 2 страница 3 и ...)

проблема в таблице не всегда 12 строк. на последней странице gridview. это может быть от 1 до 12 строк.

можно ли проверить это с помощью CSS .. например:

, если одна строка затем показать 2-й строки только
, если строка 2 затем показать 3-й строки только
, если 3 строки, то показать только
4-я строка ...
...
...
если 12 строк, то показать 13-е строка только

<tbody><tr> 
     <th scope="col"><a href="">Column1</a></th><th scope="col"><a href="">Column2</a></th> 
    </tr><tr> 
     <td>31424-1</td><td>1</td> 
    </tr><tr> 
     <td>31275-1</td><td>1</td> 
    </tr><tr> 
     <td>31226-9</td><td>1</td> 
    </tr><tr> 
     <td>30982-1</td><td>1</td> 
    </tr><tr> 
     <td>30936-5</td><td>1</td> 
    </tr><tr> 
     <td>30915-1</td><td>1</td> 
    </tr><tr> 
     <td>30674-4</td><td>1</td> 
    </tr><tr> 
     <td>31366-5</td><td>2</td> 
    </tr><tr> 
     <td>31353-2</td><td>2</td> 
    </tr><tr> 
     <td>31353-1</td><td>2</td> 
    </tr><tr> 
     <td>31305-1</td><td>2</td> 
    </tr><tr> 
     <td>31273-1</td><td>2</td> 
    </tr><tr> 
     <td colspan="2"><table> 
      <tbody><tr> 
       <td><span>1</span></td><td><a href="">2</a></td><td><a href="">3</a></td><td><a href="">4</a></td><td><a href="">5</a></td> 
      </tr> 
     </tbody></table></td> 
    </tr> 
</tbody>

Я попытался с помощью этого решения, но он показывает только последний TD клетки. но не таблицы внутри последней строки. Любые предложения или комментарии? Спасибо

table#GridViewMemory tr td[colspan="2"] { 
    display:table-cell; 
}

источник

2014-01-27 BobNoobGuy

Почему вы не используете tfooter для разбивки на страницы, и он должен быть в таблице? С моей точки зрения, ваше решение находится в вашем скрипте на стороне сервера ... добавьте/удалите класс, настройте его структуру, что бы то ни было –

Я добавляю дополнительную информацию к вопросу. Я не могу использовать tFooter ... Я попытался сопоставить Colspan = "2", но он не работает. – BobNoobGuy

Возможно, лучше всего предоставить скрипку/codepen или все ваши css, возможно, если вы установите отображение: none to tds, но [colspan], таблица [colspan] td также должна отображаться ... –

Это невозможно с современным и простым способом. Потому что IE8 - это, по крайней мере, дерьмовый браузер. Лучший способ - установить класс в lastchild с помощью ASPX

источник

2014-01-27 18:00:17 MarvinK

, это, конечно, IMO, где soltions стоит на скрипте на стороне сервера :) –

Я установил pagerstyle csslass в разбивку на страницы , Можете ли вы мне помочь css http://jsfiddle.net/SinisterSystems/smF7b/1/ – BobNoobGuy

спасибо за предложение. Я это понимаю! Спасибо – BobNoobGuy

Как сделать условный css на строку таблицы?

ответ

Смежные вопросы