{"id":6134,"date":"2022-03-30T10:27:58","date_gmt":"2022-03-30T10:27:58","guid":{"rendered":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/?post_type=article&#038;p=6134"},"modified":"2025-12-26T08:03:24","modified_gmt":"2025-12-26T02:33:24","slug":"customize-the-list-views","status":"publish","type":"article","link":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/customize-the-list-views\/","title":{"rendered":"Customize the List Views"},"content":{"rendered":"<p>Start with the video first to get a better grasp of the topic!<br \/>\n<iframe loading=\"lazy\" title=\"Working with Listing Page - part1\" src=\"https:\/\/player.vimeo.com\/video\/801196802?dnt=1&amp;app_id=122963\" width=\"500\" height=\"293\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<table style=\"line-height: 10px; height: 26px; width: 99.8764%; border-collapse: collapse; background-color: #f7f7f7;\">\n<tbody>\n<tr style=\"height: 108px;\">\n<td style=\"width: 100%; height: 26px;\">\n<p style=\"text-align: left;\"><strong>Skip Ahead to:<\/strong><\/p>\n<p style=\"line-height: 10px; text-align: left;\"><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/customize-the-list-views\/#Overview\">Overview<\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/customize-the-list-views\/#DragDrop\">Drag and Drop Columns<\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/customize-the-list-views\/#ColumnWidth\">Adjust the Column Width<\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/customize-the-list-views\/#LockUnlock\">Lock\/Unlock a Column<\/a><a id=\"Overview\"><\/a><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/customize-the-list-views\/#LockUnlock\"><\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Overview<\/h2>\n<p>List views are useful to monitor items in a group to follow up on their status, workflow queue, priority, or any other specific attribute. For example, you may want to track Todays or Past Due items in your Inbox or defects in your project that are marked with \u2018Critical\u2019 priority.<\/p>\n<p>The List view of a feature displays the workitems created in a grid view with columns based on the work-item attributes.<\/p>\n<p>By default, the List view displays all workitems with &#8216;Open&#8217; status along with corresponding attribute values such as Open, Medium, etc. The column headings such as Status, Priority, etc. represent the attribute values. The column headings are actually the fields configured for the workitems. You can scroll through left and right to view all the columns, and up and down to view all workitems.<\/p>\n<p>Other information that is visible on the Workitem Listing Page is:<\/p>\n<ul>\n<li>Fields providing the percent value to track the progress of a workitem can now be viewed as a \u00a0percent progress bar on the workitem listing page.<\/li>\n<li>Multi-select fields like Tags, Card Owners, etc. are represented using chips.<\/li>\n<li>Toggle for checkbox fields on the workitem listing page.<\/li>\n<li>A <strong>Comment<\/strong> icon is available next to the ID of the workitems to help you quickly navigate to the comments section and collaborate on a workitem. Just like the comments icon on the card, they will be color-coded to help you know if there is a recent comment(green), an old comment (blue), or no comment (grey).<\/li>\n<li>A <b>Lock<\/b> icon is available next to their ID to indicate they are closed.<\/li>\n<li>Due date and Planned Finish Date columns show the color indicator along with the date to show whether the workitem is past due (red), due in the current week (orange), or next week (green).<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23088 size-full\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-24-at-1.51.29-PM-1.png\" alt=\"Workitem Lisiting\" width=\"2762\" height=\"1494\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-24-at-1.51.29-PM-1.png 2762w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-24-at-1.51.29-PM-1-300x162.png 300w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-24-at-1.51.29-PM-1-1024x554.png 1024w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-24-at-1.51.29-PM-1-768x415.png 768w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-24-at-1.51.29-PM-1-1536x831.png 1536w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-24-at-1.51.29-PM-1-2048x1108.png 2048w\" sizes=\"(max-width: 2762px) 100vw, 2762px\" \/><\/p>\n<h2><a id=\"DragDrop\"><\/a>Drag and Drop Columns<\/h2>\n<p class=\"List\">To reposition columns back and forth for better viewing, long press the column header, drag it to the desired position, and drop. The new order of the columns also gets updated in the saved <strong>Column Settings.<\/strong> This way, the same order of columns is reflected wherever the column settings is used for listing workitems such as Work Hub List view and the drilled-down List view in Analytics\u2019 widget for the specific card type.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23090 size-full\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Tagsv1.png\" alt=\"Tags on Card\" width=\"2762\" height=\"452\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Tagsv1.png 2762w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Tagsv1-300x49.png 300w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Tagsv1-1024x168.png 1024w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Tagsv1-768x126.png 768w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Tagsv1-1536x251.png 1536w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Tagsv1-2048x335.png 2048w\" sizes=\"(max-width: 2762px) 100vw, 2762px\" \/><\/p>\n<h2><a id=\"ColumnWidth\"><\/a>Adjust the Column Width<\/h2>\n<p class=\"List\">All columns have a uniform width by default. You can resize the column widths as required to view the complete column value. To adjust the width of a column, drag the boundary on the right side of the column heading, \u00a0hold on to the double-headed arrow, and drag it to your left to reduce the column width or to the right to increase it until the column is the width that you want. The adjusted column widths persist across sessions.<\/p>\n<p>To\u00a0<b>view specific workitems or columns<\/b>, you can customize the default views or create custom views grouped on a few attribute values. When any filter is applied, the column heading for that specific column is highlighted in Bold and Italics font.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23091 size-full\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-26-at-7.30.21-AM.png\" alt=\"Adjust column width\" width=\"2407\" height=\"485\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-26-at-7.30.21-AM.png 2407w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-26-at-7.30.21-AM-300x60.png 300w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-26-at-7.30.21-AM-1024x206.png 1024w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-26-at-7.30.21-AM-768x155.png 768w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-26-at-7.30.21-AM-1536x309.png 1536w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-26-at-7.30.21-AM-2048x413.png 2048w\" sizes=\"(max-width: 2407px) 100vw, 2407px\" \/><\/p>\n<h2 data-start=\"194\" data-end=\"224\">Column Options in List View<\/h2>\n<p data-start=\"226\" data-end=\"389\">Each column header includes a menu that lets you control how data is displayed in the list view. Using this menu, you can pin columns, sort data, or apply filters.<\/p>\n<h3 data-start=\"391\" data-end=\"421\">Pin to Left \/ Pin to Right<\/h3>\n<p data-start=\"423\" data-end=\"486\">Pinning a column keeps it visible while scrolling horizontally.<\/p>\n<ul data-start=\"488\" data-end=\"872\">\n<li data-start=\"488\" data-end=\"720\">\n<p data-start=\"490\" data-end=\"720\"><strong data-start=\"490\" data-end=\"505\">Pin to left: <\/strong>Pins the selected column to the left side of the list. A dark vertical divider appears after the pinned column. All columns to the left of this divider remain fixed and do not move when you scroll horizontally.<\/p>\n<\/li>\n<li data-start=\"722\" data-end=\"872\">\n<p data-start=\"724\" data-end=\"872\"><strong data-start=\"724\" data-end=\"740\">Pin to right: <\/strong>Pins the selected column to the right side of the list. Columns pinned to the right move together when you scroll horizontally.<\/p>\n<\/li>\n<\/ul>\n<p data-start=\"874\" data-end=\"992\">You can pin more than one column. Pinned columns help keep important information visible when working with wide lists.<\/p>\n<p data-start=\"874\" data-end=\"992\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23092\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-26-at-7.35.33-AM.png\" alt=\"Card Lisiting Options\" width=\"2378\" height=\"817\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-26-at-7.35.33-AM.png 2378w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-26-at-7.35.33-AM-300x103.png 300w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-26-at-7.35.33-AM-1024x352.png 1024w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-26-at-7.35.33-AM-768x264.png 768w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-26-at-7.35.33-AM-1536x528.png 1536w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Screenshot-2025-12-26-at-7.35.33-AM-2048x704.png 2048w\" sizes=\"(max-width: 2378px) 100vw, 2378px\" \/><\/p>\n<h3 data-start=\"999\" data-end=\"1029\">Sort by ASC \/ Sort by DESC<\/h3>\n<p data-start=\"227\" data-end=\"330\">Use <strong data-start=\"231\" data-end=\"246\">Sort by ASC<\/strong> or <strong data-start=\"250\" data-end=\"266\">Sort by DESC<\/strong> to arrange the list based on the values in the selected column. Learn more, <a target=\"_blank\" href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/how-to-sort-the-list-v\" rel=\"noopener\">here<\/a>.<\/p>\n<h3 data-start=\"1031\" data-end=\"1100\">Filter<\/h3>\n<p data-start=\"1553\" data-end=\"1645\">Filtering lets you display only items that meet specific conditions for the selected column. Learn more, <a target=\"_blank\" href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/how-to-filter-the-list-views\/\" rel=\"noopener\">here<\/a>.<\/p>\n<div class=\"helpful-block-content wth-theme-thumbs\" data-title=\"\" >\n<ul>\n<li><span class=\"wth-title\">Was this helpful?<\/span><\/li>\n<li><a data-post=\"6134\" data-post-url=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/customize-the-list-views\/\" data-post-title=\"Customize the List Views\" data-response=\"1\" href=\"#\" class=\"wth-green-btn icon-thumbsup\">Yes<\/a>&nbsp; &nbsp;<a data-response=\"0\" data-post=\"6134\" data-post-url=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/customize-the-list-views\/\" data-post-title=\"Customize the List Views\" href=\"#\" class=\"wth-red-btn icon-thumbsdown\">No<\/a><\/li>\n<\/ul>\n<\/div>","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","multi-rating":{"mr_rating_results":[]},"_links":{"self":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article\/6134"}],"collection":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/comments?post=6134"}],"version-history":[{"count":41,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article\/6134\/revisions"}],"predecessor-version":[{"id":23095,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article\/6134\/revisions\/23095"}],"wp:attachment":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/media?parent=6134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}