If you attach Vault to a layout cell the items container gets stretched and no more than four items gets displayed per row.
Here is a working demo:
https://snippet.dhtmlx.com/jcyl74ui
const layout = new dhx.Layout("layout", {
type: "line",
rows: [
{
id: "a"
},
]
});
var dataset = [
{
"size": "100000",
"name": "index.php"
},
{
"size": "25555",
"name": "index.js"
},
{
"size": "2555412",
"name": "document.doc"
},
{
"size": "52555",
"name": "documentation.pdf"
},
{
"size": "23555",
"name": "archive.zip"
},
{
"size": "72555",
"name": "prototype.psd"
}
];
const vault = new dhx.Vault(null, {
mode: "grid",
uploader: {
target: "https://docs.dhtmlx.com/vault/backend/upload"
},
downloadURL: "https://docs.dhtmlx.com"
});
vault.data.parse(dataset);
layout.getCell('a').attach(vault);`