Kendo Largeur De Colonne De Grille + Défilement

Je suis en train de le lier à un défilement de kendo de la grille à partir de javascript et avoir quelques problèmes avec les largeurs de colonne. Cette violon démontre le problème (code à la fin de la question). Je suis en précisant les en-têtes dans le code html et l'ajout d'une largeur de un des en-têtes. Le javascript puis définit la source de données (dans le code de production cela se fait via un appel ajax).

Je veux éviter d'avoir à définir les colonnes.la largeur de la propriété dans le code javascript, parce que

• J'ai beaucoup de grilles que, depuis mon viewmodel sont soigneusement construits sont capables de mettre automatiquement à discerner les colonnes requises. Nous avons plus de 100 ceint dans notre application, et d'avoir à préciser la liste des colonnes pour tous serait lourd.
• Il se sent mal, de toute façon, c'est des informations sur le style.

Je ne comprendre que la fonctionnalité est en raison de kendo création de deux grilles, une pour les en-têtes et un pour le défilement de contenu. Cependant, d'autres libs que j'ai utilisé dans le passé que faire des choses similaires ont toujours copié le style de l'information entre les deux réseaux afin de faciliter déclarative style tout en gardant les deux tables dans sync - je ne suis pas sûr de ce que le "kendo" pour cela.

HTML à partir de violon

<table>
    <thead>
        <th class="p20" data-field="status">Status</th>
        <th data-field="description">Description</th>
    </thead>
</table> 

Javascript

$('table').kendoGrid({
    dataSource: [
        { status: 'On', description: 'a longer description' },
        { status: 'On', description: 'a longer description' },
        { status: 'On', description: 'a longer description' },
        { status: 'On', description: 'a longer description' },
        { status: 'On', description: 'a longer description' },
        { status: 'On', description: 'a longer description' }
    ],
    scrollable: true
});

CSS

.k-grid-content {
    height: 100px;
}
.p20 {
    width: 20%;
}

OriginalL'auteur Chris Meek | 2013-07-09