Angular+JQ

HTML

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js"></script>
<div ng-controller="Main">
    <div style="">
        <div>
            <div id="lala" style="float:left;width:{{column.width}};" ng-repeat="column in row.columns | orderBy:'order'">{{column.name}}</div>
        </div>
    </div>
</div>

CSS

tr, td {
    margin: 2px;
    padding: 2px;
}

#lala {background-image:url('http://wwww.studyland.nl/image/homepage/Excel.png');height:100px;}

JavaScript

var app = angular.module("myApp", []);

function Main($scope) {
    $scope.row = {
        columns: [{
            type: 'single',
            name: 'iki',
            width: '33%',
            order: '2'
        }, {
            type: 'double',
            name: 'bir',
            width: '33%',
            order: '1'
        }, {
            type: 'double',
            name: 'bes',
            order: '5',
            width: '50%'
        },{
            type: 'single',
            name: 'uc',
            width: '100%',
            order: '3'
        },{
            type: 'single',
            name: 'dort',
            width: '100%',
            order: '4'
        }]
    };



    
}