我怎样才能有一个bootstrap textarea,它将连续扩展所有列

时间:2017-03-06 14:57:39

标签: javascript twitter-bootstrap xhtml

我有以下引导表,我想为一行添加一个textarea。 但该文本区域应扩展到所有列。我已经包含了一个图像示例。

对于第2行,我想要4列和textarea。文本区域应覆盖所有列,如下图所示。

是否可以Table Example

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
          <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <table id="table" class="table table-bordered">
        <thead>
        <tr>
            <th data-field="state" data-radio="true"></th>
            <th data-field="name">Name</th>
            <th data-field="starts">Stars</th>
            <th data-field="forks">Forks</th>
            <th data-field="description">Description</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td><input type="radio" name="radioGroup"></td>
            <td>
                <a href="https://github.com/wenzhixin/bootstrap-table">bootstrap-table</a>
            </td>
            <td>526</td>
            <td>122</td>
            <td>An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. (supports twitter bootstrap v2 and v3) 
            </td>
        </tr>
        <tr>
            <td><input type="radio" name="radioGroup" checked></td>
            <td>
                <a href="https://github.com/wenzhixin/multiple-select">multiple-select</a>
            </td>
            <td>288</td>
            <td>150</td>
            <td>A jQuery plugin to select multiple elements with checkboxes :)
            </td>
        </tr>
        <tr>
            <td><input type="radio" name="radioGroup"></td>
            <td>
                <a href="https://github.com/wenzhixin/bootstrap-show-password">bootstrap-show-password</a>
            </td>
            <td>32</td>
            <td>11</td>
            <td>Show/hide password plugin for twitter bootstrap.
            </td>
        </tr>
        </tbody>
    </table>

1 个答案:

答案 0 :(得分:1)

你可以通过以下方式实现它 - 将<?php echo exec('sudo reboot',$output); ?> 添加到包含colspan=12的{​​{1}},并提供文字区<td>

工作代码段

textarea
width:100%