Question

使用以下代码：

  <table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="table table-bordered row-border hover" style="width:100%">
                <thead>
                    <tr>
                        <th>Id</th>
                        <th>Name</th>
                        <th>Description</th>
                        <th>In Stock</th>
                        <th>Price( CAD) </th>
                        <th>Image</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    <tr *ngFor="let p of products" class="text-center">
                        <td>{{p.productId}}</td>
                        <td>{{p.name | uppercase}}</td>
                        <td>{{p.description}}</td>
                        <td>{{ (true == p.outOfStock)?'No':'Yes' }}</td>
                        <td>{{p.price | currency: 'CAD'}}</td>
                        <td> <img [src]="'/imgs/'+p.imageUrl" *ngIf="p.imageUrl" style="float:right" width="75" /> </td>
                        <td>
                            <div class="btn btn-group mt-2" role="group">
                                <button type="button" class="btn btn-success"><i class="fa fa-list"></i></button>
                                <button type="button" class="btn btn-primary"><i class="fa fa-pencil-square-o"></i></button>
                                <button type="button" class="btn btn-danger"><i class="fa fa-trash-o"></i></button>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>

我得到以下输出：

除了相应的Textarea的import ipywidgets as ipw x = ipw.ToggleButtons(options=['A', 'B'], style=dict(button_width='20px')) y = [ipw.Textarea(layout=dict(height=i, width='99%')) for i in ['100%', '90%', '50%']] ipw.HBox([ ipw.VBox([ x, y[0]], layout=dict(border='solid')), ipw.VBox([ x, y[1]], layout=dict(border='solid')), ipw.VBox([ x, y[2]], layout=dict(border='solid')), ipw.VBox([ ipw.Label('foo')], layout=dict(border='solid', height='200px', width='200px')), ])参数以外，每个“框”都相同。

奇怪的是，Textareas的垂直位置似乎也发生了变化：

在第一个框（height）中，Textarea已向上移动到ToggleButtons附近。
第三个框（height=100%）的“切换按钮”和“文本区域”之间有清晰的间距。
如果第一个结果是由于height=50%的极端结果引起的，我也在第二个框中尝试了height=100%。在这里，垂直放置似乎是其他结果之间的中间点：Textarea和ToggleButtons之间有一些空间，但显然小于height=90%。尽管存在明显的成长空间，但事实并非如此。

据我所知，第三框中的Textarea显然不是任何东西的50％。

我想念什么吗？

ipywidgets Textarea高度的奇怪行为

0 个答案: