New to Kendo UI for jQuery? Start a free 30-day trial

Borders

configuration

Renders border around the listview items. Valid values are:

all: renders borders around listview items.
horizontal: renders top border of listview items. Useful when setting layout: "flex" and flex.direction: column.
vertical: renders top border of listview items. Useful when setting layout: "flex" and flex.direction: row.

borders

String

Default: ''

<div id="listview"></div>
<script>
$("#listview").kendoListView({
    dataSource: [
        { name: "Item 1" },
        { name: "Item 2" },
        { name: "Item 3" }
    ],
    template: "<div class='k-listview-item'>#: name #</div>",
    borders: "all"
});
</script>

Note: in order for the property to work, set k-listview-item class name to listview items in your template.