https://light-able-react-light.vercel.app/_next/static/chunks/page…/fixed_columns-d79993cceff4d5d4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6588],{95811:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/table/dtextentions/fixed_columns",function(){return a(73776)}])},83373:function(e,n,a){"use strict";var i=a(93967),t=a.n(i),r=a(67294),s=a(3115),l=a(85893);let c=r.forwardRef((e,n)=>{let{bsPrefix:a,className:i,striped:r,bordered:c,borderless:o,hover:d,size:h,variant:x,responsive:f,...m}=e,j=(0,s.vE)(a,"table"),g=t()(i,j,x&&"".concat(j,"-").concat(x),h&&"".concat(j,"-").concat(h),r&&"".concat(j,"-").concat("string"==typeof r?"striped-".concat(r):"striped"),c&&"".concat(j,"-bordered"),o&&"".concat(j,"-borderless"),d&&"".concat(j,"-hover")),u=(0,l.jsx)("table",{...m,className:g,ref:n});if(f){let e="".concat(j,"-responsive");return"string"==typeof f&&(e="".concat(e,"-").concat(f)),(0,l.jsx)("div",{className:e,children:u})}return u});n.Z=c},94220:function(e,n,a){"use strict";var i=a(85893),t=a(9008),r=a.n(t),s=a(41664),l=a.n(s),c=a(67294),o=a(78587),d=a(91409);n.Z=e=>{let{mainTitle:n,subTitle:a}=e;return(0,i.jsxs)(c.Fragment,{children:[(0,i.jsx)(r(),{children:(0,i.jsxs)("title",{children:[a," | Light Able NextJs Dashboard Template"]})}),(0,i.jsx)("div",{className:"page-header",children:(0,i.jsx)("div",{className:"page-block",children:(0,i.jsxs)(o.Z,{className:"row align-items-center",children:[(0,i.jsx)(d.Z,{md:12,children:(0,i.jsxs)("ul",{className:"breadcrumb",children:[(0,i.jsx)("li",{className:"breadcrumb-item",children:(0,i.jsx)(l(),{href:"/dashboard",children:"Home"})}),(0,i.jsx)("li",{className:"breadcrumb-item",children:(0,i.jsx)(l(),{href:"#",children:n})}),(0,i.jsx)("li",{className:"breadcrumb-item","aria-current":"page",children:a})]})}),(0,i.jsx)(d.Z,{md:12,children:(0,i.jsx)("div",{className:"page-header-title",children:(0,i.jsx)("h2",{className:"mb-0",children:a})})})]})})})]})}},73776:function(e,n,a){"use strict";a.r(n),a.d(n,{default:function(){return u}});var i=a(85893),t=a(67294),r=a(5384),s=a(94220),l=a(78587),c=a(91409),o=a(80833),d=a(59819),h=a(23189),x=a(83373);let f=[{fname:"Tiger",lname:"Nixon",position:"System Architect",office:"Edinburgh",age:61,date:"2011/04/25",salary:"$320,800",extn:5421},{fname:"Garrett",lname:"Winters",position:"Accountant",office:"Tokyo",age:63,date:"2011/07/25",salary:"$170,750",extn:8422},{fname:"Ashton",lname:"Cox",position:"Junior Technical Author",office:"San Francisco",age:66,date:"2009/01/12",salary:"$86,000",extn:1562},{fname:"Cedric",lname:"Kelly",position:"Senior Javascript Developer",office:"Edinburgh",age:22,date:"2012/03/29",salary:"$433,060",extn:6224},{fname:"Airi",lname:"Satou",position:"Accountant",office:"Tokyo",age:33,date:"2008/11/28",salary:"$162,700",extn:5407},{fname:"Brielle",lname:"Williamson",position:"Integration Specialist",office:"New York",age:61,date:"2012/12/02",salary:"$372,000",extn:4804},{fname:"Herrod",lname:"Chandler",position:"Sales Assistant",office:"San Francisco",age:59,date:"2012/08/06",salary:"$137,500",extn:9608},{fname:"Rhona",lname:"Davidson",position:"Integration Specialist",office:"Tokyo",age:55,date:"2010/10/14",salary:"$327,900",extn:6200},{fname:"Colleen",lname:"Hurst",position:"Javascript Developer",office:"San Francisco",age:39,date:"2009/09/15",salary:"$205,500",extn:2360},{fname:"Sonya",lname:"NixonFrost",position:"Software Engineer",office:"Edinburgh",age:23,date:"2008/12/13",salary:"$103,600",extn:1667},{fname:"Jena",lname:"Gaines",position:"Office Manager",office:"London",age:30,date:"2008/12/19",salary:"$90,560",extn:3814},{fname:"Quinn",lname:"Flynn",position:"Support Lead",office:"Edinburgh",age:22,date:"2013/03/03",salary:"$342,000",extn:9497},{fname:"Charde",lname:"Marshall",position:"Regional Director",office:"San Francisco",age:36,date:"2008/10/16",salary:"$470,600",extn:6741},{fname:"Haley",lname:"Kennedy",position:"Senior Marketing Designer",office:"London",age:43,date:"2012/12/18",salary:"$313,500",extn:3597},{fname:"Tatyana",lname:"Fitzpatrick",position:"Regional Director",office:"London",age:19,date:"2010/03/17",salary:"$385,750",extn:1965},{fname:"Michael",lname:"Silva",position:"Marketing Designer",office:"London",age:66,date:"2012/11/27",salary:"$198,500",extn:1581},{fname:"Paul",lname:"Byrd",position:"Chief Financial Officer (CFO)",office:"New York",age:64,date:"2010/06/09",salary:"$725,000",extn:3059},{fname:"Gloria",lname:"Little",position:"Systems Administrator",office:"New York",age:59,date:"2009/04/10",salary:"$237,500",extn:1721}

1,{fname:"Bradley",lname:"Greer",position:"Software Engineer",office:"London",age:41,date:"2012/10/13",salary:"$132,000",extn:2558},{fname:"Dai",lname:"Rios",position:"Personnel Lead",office:"Edinburgh",age:35,date:"2012/09/26",salary:"$217,500",extn:2290}];var m=()=>(0,i.jsx)(t.Fragment,{children:(0,i.jsx)(c.Z,{xxl:6,children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("h5",{children:"Left and Right Fixed Columns"}),(0,i.jsx)("small",{children:"FixedColumns allows columns to be fixed from both the left and the right hand sides of the table."})]}),(0,i.jsx)(h.Z,{id:"left-right-fix",children:(0,i.jsxs)(x.Z,{className:"table stripe row-border order-column",children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:"First name"}),(0,i.jsx)("th",{children:"Last name"}),(0,i.jsx)("th",{children:"Position"}),(0,i.jsx)("th",{children:"Office"}),(0,i.jsx)("th",{children:"Age"}),(0,i.jsx)("th",{children:"Start date"}),(0,i.jsx)("th",{children:"Salary"}),(0,i.jsx)("th",{children:"Extn."})]})}),(0,i.jsx)("tbody",{children:(f||[]).map((e,n)=>(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:e.fname}),(0,i.jsx)("td",{children:e.lname}),(0,i.jsx)("td",{children:e.position}),(0,i.jsx)("td",{children:e.office}),(0,i.jsx)("td",{children:e.age}),(0,i.jsx)("td",{children:e.date}),(0,i.jsx)("td",{children:e.salary}),(0,i.jsx)("td",{children:e.extn})]},n))})]})})]})})}),j=()=>(0,i.jsx)(t.Fragment,{children:(0,i.jsx)(c.Z,{xxl:6,children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("h5",{children:"Right Fixed Column"}),(0,i.jsx)("small",{children:"FixedColumns has the ability to freeze columns on both the left and the right hand sides of the table. By default it will fix the first column on the left, but using the initialization parameters"})]}),(0,i.jsx)(h.Z,{id:"right-fix",children:(0,i.jsxs)(x.Z,{className:"table str

1ipe row-border order-column",children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:"First name"}),(0,i.jsx)("th",{children:"Last name"}),(0,i.jsx)("th",{children:"Position"}),(0,i.jsx)("th",{children:"Office"}),(0,i.jsx)("th",{children:"Age"}),(0,i.jsx)("th",{children:"Start date"}),(0,i.jsx)("th",{children:"Salary"}),(0,i.jsx)("th",{children:"Extn."})]})}),(0,i.jsx)("tbody",{children:(f||[]).map((e,n)=>(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:e.fname}),(0,i.jsx)("td",{children:e.lname}),(0,i.jsx)("td",{children:e.position}),(0,i.jsx)("td",{children:e.office}),(0,i.jsx)("td",{children:e.age}),(0,i.jsx)("td",{children:e.date}),(0,i.jsx)("td",{children:e.salary}),(0,i.jsx)("td",{children:e.extn})]},n))})]})})]})})});let g=()=>(0,i.jsxs)(t.Fragment,{children:[(0,i.jsx)(s.Z,{mainTitle:"DataTable",subTitle:"FixedColumns"}),(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(m,{}),(0,i.jsx)(j,{})]})]});g.getLayout=e=>(0,i.jsx)(r.Z,{children:e});var u=g}},function(e){e.O(0,[3061,5132,2845,9118,1892,3828,5384,2888,9774,179],function(){return e(e.s=95811)}),_N_E=e.O()}]);