DGrid:适合数据的列

Question

我正在使用像这样的DGrid：

var dgrid = new OnDemandGrid({
    store: myStore,
    columns: [
        {field: "name"},
        {field: "age"}
    ],
    showHeader: false
},divName);
dgrid.startup();

目前，它是这样调整自己的规模的：

​

​

我希望第一列大小适合最长的数据：

​

​

如果从存储中删除最长的名称，则第一行应调整其自身大小，如下所示：

​

​

我创建了一个JSFiddle，其中一个DGrid作为答案模板。

编辑:我看到了关于调整小笔文章大小的DGrid，但是它没有提到如何解决这个问题。

Edit2:有人在另一个论坛上问同样的问题。

Answer 1

您可以在min-width中使用CSS。当内容小于它时，它将维护min-width，并在内容大于宽度的情况下展开以适应内容。

您可以这样使用它：

div {
    vertical-align:top;
}

.Container {
    border:1px solid Black;
}

.name {
    display:inline-block;
    height:150px;
    text-align:center;
    min-width:100px;
}

.number {
    display:inline-block;
    height:150px;
    text-align:center;
    width:100px;
}

你可以在这里看到->http://jsfiddle.net/q9Vtx/2/

确保最小宽度属性允许内容“适合”。

希望这会有帮助！