Hiding columns in ListView

2 posts, 0 answers
  1. Shabtai
    Shabtai avatar
    38 posts
    Member since:
    Nov 2012

    Posted 01 Jan 2013 Link to this post

    How can I hide columns in Listview?

    <script id="list-view-template" type="text/x-kendo-template">
            <div class="product-view">
                    <dl>
                        <dd style='visibility:hidden'>${InterfaceId}</dd>
                        <dd>${InterfaceName}</dd>
                        <dd>${ViewName}</dd>
                    </dl>
            </div>
        </script>

    Worked

    But when I try to hide via JS:
          $("#listView").kendoListView({
                dataBound: function (e) {
    $(".product-view dd:first").hide();
    });

    didn't work.

    Any help would be appreciated. Thanks
    Shabby
  2. Nikolay Rusev
    Admin
    Nikolay Rusev avatar
    2285 posts

    Posted 02 Jan 2013 Link to this post

    Hello Shabby,

    Kendo ListView does not have notion for "columns", thus there is not functionality for hiding them.

    The selector that you are using hides only the first "dd" element in the entire listview. You should find another selector that fits your needs.
    http://api.jquery.com/category/selectors/

    All the best,
    Nikolay Rusev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
Back to Top