{"id":158503,"date":"2026-11-08T10:14:37","date_gmt":"2026-11-08T10:14:37","guid":{"rendered":"https:\/\/docs.daftra.com\/tutorial\/%d8%b9%d8%b1%d8%b6-%d8%ac%d8%af%d9%88%d9%84-%d8%a7%d9%84%d9%83%d9%85%d9%8a%d8%a7%d8%aa-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d9%82%d8%a7%d9%88%d9%84%d8%a7%d8%aa-%d8%a7%d9%84%d8%b9%d9%85%d9%88%d8%af-%d8%a7\/"},"modified":"2026-11-15T14:23:51","modified_gmt":"2026-11-15T14:23:51","slug":"displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width","status":"publish","type":"tutorial","link":"https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/","title":{"rendered":"Displaying the Bill of Quantities in Construction: Fixed Column, Colors, and Column Width"},"content":{"rendered":"
\n

The bill of quantities is now easier to read in large projects: the Item<\/strong> column stays fixed during horizontal scrolling, each main item and what’s under it gets its own color and each level its own icon, and the table uses the full screen width and saves the column widths.<\/p>\n

\n
Required Permissions<\/span>The permission to view or edit the record<\/span><\/div>\n
How to Access<\/span>Cost Sheets<\/strong><\/a> \/ Construction Quotations<\/strong><\/a> \/ Contracts<\/strong><\/a> \u2192 Bill of Quantities<\/strong><\/span><\/div>\n<\/div>\n
\n

Table of Contents<\/p>\n

    \n
  1. Fixed Column<\/strong><\/a><\/li>\n
  2. Colors and Icons<\/strong><\/a><\/li>\n
  3. Long Text<\/strong><\/a><\/li>\n
  4. Column Width and Navigation<\/strong><\/a><\/li>\n
  5. Where Do These Improvements Apply?<\/strong><\/a><\/li>\n
  6. Tips for Large Tables<\/strong><\/a><\/li>\n
  7. FAQs<\/strong><\/a><\/li>\n<\/ol>\n<\/div>\n

    Fixed Column<\/h2>\n
      \n
    • The Item<\/strong> column stays fixed when scrolling horizontally, along with the select, add, and drag columns.<\/li>\n
    • The Item column takes 25% of the table width by default.<\/li>\n<\/ul>\n

      Colors and Icons<\/h2>\n
        \n
      • Each main item and its children have a distinct color to distinguish groups.<\/li>\n
      • Each level (main, sub, work item, material) has its own icon.<\/li>\n<\/ul>\n

        Long Text<\/h2>\n
          \n
        • A setting in the table header (Table Settings \u2192 Cell Overflow) to choose between Wrap (the default) or Truncate.<\/li>\n
        • When truncated, the full text appears when hovering over the cell.<\/li>\n<\/ul>\n

          Column Width and Navigation<\/h2>\n\n\n\n\n\n\n\n\n
          Feature<\/th>\nDetail<\/th>\n<\/tr>\n
          Changing the width<\/td>\nDrag the edge of the column header.<\/td>\n<\/tr>\n
          Fit to content<\/td>\nDouble-click the column edge.<\/td>\n<\/tr>\n
          Saving<\/td>\nThe width is saved for each user and for each record type.<\/td>\n<\/tr>\n
          Scrolling<\/td>\nKeyboard arrows scroll horizontally when the table is focused.<\/td>\n<\/tr>\n
          Alignment<\/td>\nCost, total, and subtotal are right-aligned with smaller spacing.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

          Where Do These Improvements Apply?<\/h2>\n\n\n\n\n\n\n
          Screen<\/th>\nNotes<\/th>\n<\/tr>\n
          Cost sheet (add\/edit)<\/td>\nIncludes the materials\/labor level with its color and icon.<\/td>\n<\/tr>\n
          Construction quotation (add\/edit)<\/td>\nWithout the materials level.<\/td>\n<\/tr>\n
          Contract (add\/edit)<\/td>\nWithout the materials level.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

          Tips for Large Tables<\/h2>\n
            \n
          • Use Collapse Group<\/strong> from the bulk actions to fold groups you’re not working on.<\/li>\n
          • Keep item titles short and distinctive, because truncation shows the beginning of the text.<\/li>\n
          • Set the width of the Item<\/strong> column once; it is saved for you in all records of the same type.<\/li>\n
          • Drag items to reorder them under another parent at the same level.<\/li>\n<\/ul>\n

            FAQs<\/h2>\n

            Why does the column width reset after reopening the page?<\/h3>\n

            The width is saved for each user; if it isn’t saved for you, the feature hasn’t reached your account yet.<\/p>\n

            Does the column width affect my colleagues?<\/h3>\n

            No, it is saved for each user.<\/p>\n

            How do I see truncated text?<\/h3>\n

            Hover the mouse over the cell.<\/p>\n

            What is the default text setting?<\/h3>\n

            Wrap.<\/p>\n

            Can the Item column be unpinned?<\/h3>\n

            No.<\/p>\n

            Do the colors appear in printing?<\/h3>\n

            The colors are for easier reading on screen; printouts follow the print template.<\/p>\n

            Does this apply to the record view page?<\/h3>\n

            The improvements are in the bill of quantities inside the add and edit forms.<\/p>\n

            How do I restore the default column width?<\/h3>\n

            Drag the edges manually or double-click to fit.<\/p>\n

            Does arrow scrolling work while typing in a cell?<\/h3>\n

            It works when the table itself is focused, not inside an input field.<\/p>\n<\/div>\n","protected":false},"author":17,"featured_media":0,"template":"","categories":[2070,15599,15624],"tags":[15726,28668,28437,16526],"class_list":["post-158503","tutorial","type-tutorial","status-publish","hentry","category-operations","category-construction","category-work-item-templates","tag-bill-of-quantities","tag-collapse-group","tag-construction-quotations","tag-cost-sheets"],"yoast_head":"\nDisplaying the Bill of Quantities in Construction: Fixed Column, Colors, and Column Width - Daftra Knowledge Base<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Displaying the Bill of Quantities in Construction: Fixed Column, Colors, and Column Width - Daftra Knowledge Base\" \/>\n<meta property=\"og:description\" content=\"The bill of quantities is now easier to read in large projects: the Item column stays fixed during horizontal scrolling, each main item and what’s under it gets its own color and each level its own icon, and the table uses the full screen width and saves the column widths. Required PermissionsThe permission to view […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/\" \/>\n<meta property=\"og:site_name\" content=\"Daftra Knowledge Base\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-15T14:23:51+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/docs.daftra.com\/en\/#organization\",\"name\":\"Daftra\",\"url\":\"https:\/\/docs.daftra.com\/en\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/docs.daftra.com\/en\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2023\/10\/daftra-ar.svg\",\"contentUrl\":\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2023\/10\/daftra-ar.svg\",\"caption\":\"Daftra\"},\"image\":{\"@id\":\"https:\/\/docs.daftra.com\/en\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.daftra.com\/en\/#website\",\"url\":\"https:\/\/docs.daftra.com\/en\/\",\"name\":\"Daftra Knowledge Base\",\"description\":\"Daftra\",\"publisher\":{\"@id\":\"https:\/\/docs.daftra.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.daftra.com\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/#webpage\",\"url\":\"https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/\",\"name\":\"Displaying the Bill of Quantities in Construction: Fixed Column, Colors, and Column Width - Daftra Knowledge Base\",\"isPartOf\":{\"@id\":\"https:\/\/docs.daftra.com\/en\/#website\"},\"datePublished\":\"2026-11-08T10:14:37+00:00\",\"dateModified\":\"2026-11-15T14:23:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.daftra.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Displaying the Bill of Quantities in Construction: Fixed Column, Colors, and Column Width\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Displaying the Bill of Quantities in Construction: Fixed Column, Colors, and Column Width - Daftra Knowledge Base","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/","og_locale":"en_US","og_type":"article","og_title":"Displaying the Bill of Quantities in Construction: Fixed Column, Colors, and Column Width - Daftra Knowledge Base","og_description":"The bill of quantities is now easier to read in large projects: the Item column stays fixed during horizontal scrolling, each main item and what’s under it gets its own color and each level its own icon, and the table uses the full screen width and saves the column widths. Required PermissionsThe permission to view […]","og_url":"https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/","og_site_name":"Daftra Knowledge Base","article_modified_time":"2026-11-15T14:23:51+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/docs.daftra.com\/en\/#organization","name":"Daftra","url":"https:\/\/docs.daftra.com\/en\/","sameAs":[],"logo":{"@type":"ImageObject","@id":"https:\/\/docs.daftra.com\/en\/#logo","inLanguage":"en-US","url":"https:\/\/docs.daftra.com\/wp-content\/uploads\/2023\/10\/daftra-ar.svg","contentUrl":"https:\/\/docs.daftra.com\/wp-content\/uploads\/2023\/10\/daftra-ar.svg","caption":"Daftra"},"image":{"@id":"https:\/\/docs.daftra.com\/en\/#logo"}},{"@type":"WebSite","@id":"https:\/\/docs.daftra.com\/en\/#website","url":"https:\/\/docs.daftra.com\/en\/","name":"Daftra Knowledge Base","description":"Daftra","publisher":{"@id":"https:\/\/docs.daftra.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.daftra.com\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/#webpage","url":"https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/","name":"Displaying the Bill of Quantities in Construction: Fixed Column, Colors, and Column Width - Daftra Knowledge Base","isPartOf":{"@id":"https:\/\/docs.daftra.com\/en\/#website"},"datePublished":"2026-11-08T10:14:37+00:00","dateModified":"2026-11-15T14:23:51+00:00","breadcrumb":{"@id":"https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/docs.daftra.com\/en\/tutorial\/displaying-the-bill-of-quantities-in-construction-fixed-column-colors-and-column-width\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.daftra.com\/en\/"},{"@type":"ListItem","position":2,"name":"Displaying the Bill of Quantities in Construction: Fixed Column, Colors, and Column Width"}]}]}},"_links":{"self":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tutorial\/158503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/users\/17"}],"version-history":[{"count":2,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tutorial\/158503\/revisions"}],"predecessor-version":[{"id":158512,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tutorial\/158503\/revisions\/158512"}],"wp:attachment":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/media?parent=158503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/categories?post=158503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tags?post=158503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}