fiddle.css

.dont {
    border: 2px solid red;
    padding: 2px;
}
 
.do {
    border: 2px solid green;
    padding: 2px;
}

fiddle.js

enyo.ready(function() {
    enyo.kind({
        name: 'Columns',
        kind: 'FittableColumns',
        components: [
            { content: 'Fixed width', classes: 'dont' },
            { content: 'This expands', fit: true, classes: 'do' },
            { content: 'Another fixed width', classes: 'dont' }
        ]
    });
    
    enyo.kind({
        name: 'FittableSample',
        layoutKind: 'FittableRowsLayout',
        components: [
            { content: 'Fixed height', classes: 'dont' },
            { kind: 'Columns', fit: true, classes: 'do' },
            { content: 'Another fixed height', classes: 'dont' }
        ]
    });

    new enyo.Application({ name: 'app', view: 'FittableSample' });
});

fiddle.manifest

name: Fittable Sample
description: An example of fittable rows and columns
authors:
  - Roy Sutton
normalize_css: no