在表格中跳过奇数行和偶数行中的某些行 - 连续的CSS样式

时间:2016-02-20 12:54:05

标签: html css html-table

我有一个HTML表格,我想要一个奇数/偶数序列的彩色行,但不包括.SectionHeader类,并继续它离开的序列样式。



tr:not(.SectionHeader):nth-of-type(odd) {
    background-color:#fff;
}
tr:not(.SectionHeader):nth-of-type(even) {
    background-color:#f0f9ff;
}
tr.SectionHeader{background: red;}

<table class="pvk_table">
    <thead>
      <tr class="SectionHeader">
          <th colspan="3">BÖLÜM / PROGRAM</th>
          <th colspan="2">2015 ÖSYS TABAN GENEL KONTENJAN</th>
          <th colspan="2">2015 ÖSYS TAVAN GENEL KONTENJAN</th>
          </tr>
      </thead>
      <tbody>
      <tr class="SectionHeader">
        <th>İktisadi ve İdari Bilimler Fakültesi</th>
        <th>Puan Türü</th>
        <th>Kontenjan</th>
        <th>Puan</th>
        <th>Sıralama</th>
        <th>Puan</th>
        <th>Sıralama</th>
      </tr>
      <tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr>
      <tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr><tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr>
      
      <tr class="SectionHeader">
          <th colspan="3">BÖLÜM / PROGRAM</th>
          <th colspan="2">2015 ÖSYS TABAN GENEL KONTENJAN</th>
          <th colspan="2">2015 ÖSYS TAVAN GENEL KONTENJAN</th>
          </tr>
          <tr>
        <td class="hidden-xs">İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr>
      <tr>
        <td>İktisat</td>
        <td>TM-1</td>
        <td>100</td>
        <td>416,44977</td>
        <td>13927</td>
        <td>458,45591</td>
        <td>3081</td>
      </tr>
    </tbody>
  </table>
&#13;
&#13;
&#13;

我还想在此表中第三个红色标题后面的蓝色行。 请建议我应该做些什么,我对这个问题感到困惑。

1 个答案:

答案 0 :(得分:1)

更新2

OP:这可以不用<tr>类添加额外的.row0吗?

是的,肯定有一种替代方案,事后看来,更好更有效的方法是使用另一种<tbody>

MDN:

  

... multiple&lt; tbody&gt;允许使用元素(如果是连续的),允许将长表中的数据行划分为不同的部分,根据需要单独格式化

更改

tr:nth-of-type(odd) { background-color: #fff; }
tr:nth-of-type(even) { background-color: #f0f9ff; }

tbody tr:nth-of-type(odd) { background-color: #fff; }
tbody tr:nth-of-type(even) { background-color: #f0f9ff; }

添加:

</tbody>
<tbody>

在最后tr.SectionHeader之前

代码段

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Increased Specificity and Row 0</title>
<style>
tbody tr:nth-of-type(odd) { background-color: #fff; }
tbody tr:nth-of-type(even) { background-color: #f0f9ff; }
tr.SectionHeader.SectionHeader { background: red; }
</style>
</head>

<body>

<table class="pvk_table">
  <thead>
    <tr class="SectionHeader">
      <th colspan="3">BÖLÜM / PROGRAM</th> <th colspan="2">2015 ÖSYS TABAN GENEL KONTENJAN</th> <th colspan="2">2015 ÖSYS TAVAN GENEL KONTENJAN</th>
    </tr>
  </thead>
  <tbody>
    <tr class="SectionHeader">
      <th>İktisadi ve İdari Bilimler Fakültesi</th> <th>Puan Türü</th> <th>Kontenjan</th> <th>Puan</th> <th>Sıralama</th> <th>Puan</th> <th>Sıralama</th>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
</tbody>
<tbody>     
    <tr class="SectionHeader">
      <th colspan="3" >BÖLÜM / PROGRAM</th> <th colspan="2" >2015 ÖSYS TABAN GENEL KONTENJAN</th> <th colspan="2" >2015 ÖSYS TAVAN GENEL KONTENJAN</th>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td>İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
   <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
  </tbody>
</table>

</body>
</html>

<小时/> <小时/>

更新

在重新阅读,编辑,然后重新阅读OP之后,我终于明白了这个问题,并且我对这个问题有了更新的解决方案。之前发布的所有代码仍然与此更新相关且必需。

基本上,OP无法获得蓝色行来继续表格下端的红色标题。所以在阅读了@ BoltClock♦post on this matter之后,突然意识到所需要的只是插入或删除一行。我选择插入一个额外的行,但我认为对表格尺寸的任何更改都可能导致布局困难。所以我想出了这个:

  

不要复制&amp;粘贴这段代码它会被碎片切碎,所以你   阅读时没有滚动。

<强> CSS

  

.row0有宽度但没有高度(一条线)。此样式允许.row0存在   在表格中作为有效的<tr>而不会在视觉上和布局方面改变或扰乱表格。

 tr.row0 { height: 0; border-spacing: 0; border: none; font-size: 0; 
 margin: 0; padding: 0; line-height: 0; }

<强> HTML

  

.row0标记就像它的风格一样小。这里我们有一个空的<tr>   (没有像<td>这样的孩子。确保在{em>之前 之前插入.row0    你计划撞击的目标行。

 <tr class="row0"></tr>

现在最终结果是:

  • 所有.SectionHeader都是红色。
  • 所有奇数<tr>(标题除外)均为白色。
  • 所有偶数<tr>(标题除外)均为蓝色。
  • 最重要的是,进行第三个标题的行的颜色现在是蓝色。 <小时/>

前面提到的代码仍然适用。

要制作交替的彩色行,请参考<tbody>,然后参考<tr>

这是一个鲜为人知的技巧,就像!important

一样

将规则集上的.class加倍

检查出来:

tr.SectionHeader.SectionHeader {background: red;}

现在每个.SectionHeader都是红色的,就像它应该的那样。要测试它,请尝试删除一个类:

tr.SectionHeader {background: red;}

你会发现现在不是每个.SectionHeader都是红色的。这个技巧增加了选择器的特异性,但并不像!important那样完全限制。

Updated Plunker

更新了代码段

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Increased Specificity and Row 0</title>
<style>
tr:nth-of-type(odd) { background-color: #fff; }
tr:nth-of-type(even) { background-color: #f0f9ff; }
tr.SectionHeader.SectionHeader { background: red; }
tr.row0 { height: 0; border-spacing: 0; border: none; font-size: 0; margin: 0; padding: 0; line-height: 0; }
</style>
</head>

<body>

<table class="pvk_table">
  <thead>
    <tr class="SectionHeader">
      <th colspan="3">BÖLÜM / PROGRAM</th> <th colspan="2">2015 ÖSYS TABAN GENEL KONTENJAN</th> <th colspan="2">2015 ÖSYS TAVAN GENEL KONTENJAN</th>
    </tr>
  </thead>
  <tbody>
    <tr class="SectionHeader">
      <th>İktisadi ve İdari Bilimler Fakültesi</th> <th>Puan Türü</th> <th>Kontenjan</th> <th>Puan</th> <th>Sıralama</th> <th>Puan</th> <th>Sıralama</th>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>

     <tr class="row0">
     <!-- Row 0 is an invisible line that forces the `nth-*` rows to skip the zebra strip pattern -->
    </tr>
    <tr class="SectionHeader">
      <th colspan="3" >BÖLÜM / PROGRAM</th> <th colspan="2" >2015 ÖSYS TABAN GENEL KONTENJAN</th> <th colspan="2" >2015 ÖSYS TAVAN GENEL KONTENJAN</th>
    </tr>
    <tr>
      <td class="hidden-xs">İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
    <tr>
      <td>İktisat</td> <td>TM-1</td> <td>100</td> <td>416,44977</td> <td>13927</td> <td>458,45591</td> <td>3081</td>
    </tr>
  </tbody>
</table>

</body>
</html>