bordersString
(default: '')
Renders border around the listview items. Valid values are:
all
: renders borders around listview items.horizontal
: renders top border of listview items. Useful when settinglayout: "flex"
andflex.direction: column
.vertical
: renders top border of listview items. Useful when settinglayout: "flex"
andflex.direction: row
.
Example
<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.
In this article