2017-03-07 6 views
1

行スパンで動作しているサンプルが1つ見つかり、ブートストラップテーブルの最初の数カラムが固定されています。 col spanに変更しようとしましたが、動作しません。ブートストラップテーブルのコラムと固定列 で作業する方法を知っている人はいますか?ありがとう。ここで固定列とcolスパンを持つブートストラップテーブル

はサンプルです: Jsfiddle row span and fixed columns

<table data-toggle="table" data-fixed-columns="true" data-fixed-number="3"> 
<thead> 
<tr> 
    <th>Title</th> 
    <th colspan='2'>1</th> 
    <th>3</th> 
    <th>4</th> 
    <th>5</th> 
    <th>6</th> 
    <th>7</th> 
    <th>8</th> 
    <th>9</th> 
    <th>10</th> 
    <th>11</th> 
    <th>12</th> 
    <th>13</th> 
    <th>14</th> 
    <th>15</th> 
    <th>16</th> 
    <th>16</th> 
    <th>17</th> 
    <th>18</th> 
    <th>19</th> 
    <th>20</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td rowspan="3">Momentum</td> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    <td>5</td> 
    <td>6</td> 
    <td>7</td> 
    <td>8</td> 
    <td>9</td> 
    <td>10</td> 
    <td>11</td> 
    <td>12</td> 
    <td>13</td> 
    <td>14</td> 
    <td>15</td> 
    <td>16</td> 
    <td>16</td> 
    <td>17</td> 
    <td>18</td> 
    <td>19</td> 
    <td>20</td> 
</tr> 
<tr> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    <td>5</td> 
    <td>6</td> 
    <td>7</td> 
    <td>8</td> 
    <td>9</td> 
    <td>10</td> 
    <td>11</td> 
    <td>12</td> 
    <td>13</td> 
    <td>14</td> 
    <td>15</td> 
    <td>16</td> 
    <td>16</td> 
    <td>17</td> 
    <td>18</td> 
    <td>19</td> 
    <td>20</td> 
</tr> 
<tr> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    <td>5</td> 
    <td>6</td> 
    <td>7</td> 
    <td>8</td> 
    <td>9</td> 
    <td>10</td> 
    <td>11</td> 
    <td>12</td> 
    <td>13</td> 
    <td>14</td> 
    <td>15</td> 
    <td>16</td> 
    <td>16</td> 
    <td>17</td> 
    <td>18</td> 
    <td>19</td> 
    <td>20</td> 
</tr> 
<tr> 
    <td>0</td> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    <td>5</td> 
    <td>6</td> 
    <td>7</td> 
    <td>8</td> 
    <td>9</td> 
    <td>10</td> 
    <td>11</td> 
    <td>12</td> 
    <td>13</td> 
    <td>14</td> 
    <td>15</td> 
    <td>16</td> 
    <td>16</td> 
    <td>17</td> 
    <td>18</td> 
    <td>19</td> 
    <td>20</td> 
</tr> 
<tr> 
    <td rowspan="2">Best EPS</td> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    <td>5</td> 
    <td>6</td> 
    <td>7</td> 
    <td>8</td> 
    <td>9</td> 
    <td>10</td> 
    <td>11</td> 
    <td>12</td> 
    <td>13</td> 
    <td>14</td> 
    <td>15</td> 
    <td>16</td> 
    <td>16</td> 
    <td>17</td> 
    <td>18</td> 
    <td>19</td> 
    <td>20</td> 
</tr> 
<tr> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    <td>5</td> 
    <td>6</td> 
    <td>7</td> 
    <td>8</td> 
    <td>9</td> 
    <td>10</td> 
    <td>11</td> 
    <td>12</td> 
    <td>13</td> 
    <td>14</td> 
    <td>15</td> 
    <td>16</td> 
    <td>16</td> 
    <td>17</td> 
    <td>18</td> 
    <td>19</td> 
    <td>20</td> 
</tr> 

+0

正確に何を達成しようとしていますか?あなたはサンプルのフィドルを再現したいですか? –

+0

@ H.Brendan私は固定列でcolスパンをサポートするようにサンプルを修正しようとします。あなたはいくつかのサンプルを提供することもできる場合。 – nettium

+0

私は何か試しに試しにTDを貼り付けて試してみて、これがあなたが望んだのかどうかわからない場合は、 –

答えて

0

私は何がやりたいことは、このことだと思います。

<td rowspan="3">Momentum</td> 
<td>1</td> 
<td>2</td> 
<td colspan="2">3</td> 
<td>4</td> 
<td>5</td> 
<td>6</td> 
<td>7</td> 
<td>8</td> 
<td>9</td> 
<td>10</td> 
<td>11</td> 
<td>12</td> 
<td>13</td> 
<td>14</td> 
<td>15</td> 
<td>16</td> 
<td>16</td> 
<td>17</td> 
<td>18</td> 
<td>19</td> 
<td>20</td> Delete this one. 

これは、ちょうど2つの幅です。

+0

最初の列をスクロールするときに修正したい。 – nettium

+0

位置:固定;これを最初の列に追加してください –

関連する問題