nhn / tui.grid

🍞🔡 The Powerful Component to Display and Edit Data. Experience the Ultimate Data Transformer!
http://ui.toast.com/tui-grid/
MIT License
2.42k stars 394 forks source link

Header 내 개행문자 삽입방법 #1908

Open kgy920622 opened 1 year ago

kgy920622 commented 1 year ago

안녕하세요? Toast grid table의 Header 내 개행문자를 넣고 싶은데, HTML 태그 적용을 하려면 어떻게 해야할까요?

tableColumns: [ { header: `

LeadTime
(Total)
                `,
      name: "newLeadTimeTotal",
      formatter({value}) {
        return `${value} 일`;
      },
    },
    {
      header: "LeadTime\r\n(Avr)",
      name: "newLeadTimeAvr",
      formatter({value}) {
        return `${value} 일`;
      }
    },

]

위 두가지 방법을 모두 해보았지만.. 안되더라구요

혹시 개행문자를 삽입할 수 없는건가요?

no1steel4675 commented 1 year ago

.tui-grid-cell-header { padding: 4px 5px; text-align: center; / @TODO: box-sizing standardize required / box-sizing: border-box; white-space: break-spaces; <-- add }

css 변경 후 \n 개행 하시면 처리가 됩니다.