표를 삽입해보세요. 스타일도 함께 지정 할 조건부 서식을 설정하여 특정 조건에 맞는 셀을 시각적으로 강조해 보세요.
중요한 값을 한눈에 확인할 수 있습니다.
체험하기
| Html-bobswift |
|---|
<!-- external modules --> <script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/formulaParser/formula-parser.min.js'></script> <script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/SEDocModelParser/SEDocModelParser.min.js'></script> <script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/SEShapeManager/SEShapeManager.min.js'></script> <script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/codemirror.min.js'></script> <script type="text/javascript" src="https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/xml.min.js"></script> <link rel='stylesheet' href='https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/codemirror.min.css'> <!-- Synap Editor --> <script src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.config.js'></script> <script src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.min.js'></script> <link href='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.min.css' rel='stylesheet' type='text/css'> <div style="background-color: #ffffff; width:99%; height:500px;"> <div id="synapEditor"> <h3 style="color: rgb(51, 51, 51); padding-bottom: 10px; border-bottom: 2px solid rgb(51, 51, 51);"><span>2026년 1분기 영업 실적</span></h3> <table style="border-collapse: collapse; font-size: 14px; vertical-align: text-bottom; margin-top: 20px; width: 100%;" data-conditional-formatting-list=`[{"rule":"greaterThanOrEqual","dateRule":null,"formula":["10000"],"pattern":"{value}>='10000'","style":"color: rgb(75, 0, 130);background-color: rgb(210, 191, 224);","cellRange":"D2:D7"},{"rule":"greaterThanOrEqual","dateRule":null,"formula":["0"],"pattern":"{value}>='0'","style":"color: rgb(0, 128, 0 </div> </div> <script> const config = Object.assign(synapEditorConfig, { "editor.license":"/se/resource/license.json", "editor.toolbar": ["new", "table", "conditionalFormatting"], "editor.menu.show": false, "editor.import.maxSize": 10485760, "editor.import.api": "/se/importDoc", "editor.upload.maxSize": 3145728, "editor.upload.image.api": "/se/uploadFile", "editor.upload.video.api": "/se/uploadFile", "editor.upload.file.api": "/se/uploadFile" }); const html = `<h3 style="color: rgb(51, 51, 51); padding-bottom: 10px; border-bottom: 2px solid rgb(51, 51, 51);"><span>2026년 1분기 영업 실적</span></h3><table style="border-collapse: collapse; font-size: 14px; vertical-align: text-bottom; margin-top: 20px; width: 100%;" data-conditional-formatting-list="[{"rule":"greaterThanOrEqual","dateRule":null,"formula":["10000"],"pattern":"{value}>='10000'","style":"color: rgb(75, 0, 130);background-color: rgb(191210, 223191, 191224);","cellRange":"E2:E7"},{"rule":"greaterThanOrEqual","dateRule":null,"formula":["100"],"pattern":"","cellRange":"D2:D7"},{"rule":"greaterThanOrEqual","dateRule":null,"formula":["0"],"pattern":"{value}>='1000'","style":"","style":"color: rgb(0, 0128, 2550);background-color: rgb(191, 191223, 255191);"","cellRange":"C2:C7""cellRange":"E2:E7"},{"rule":"lessThanOrEqual","dateRule":null,"formula":["50"],"pattern":"{value}<='50'","style":""rule":"greaterThanOrEqual","dateRule":null,"formula":["100"],"pattern":"{value}>='100'","style":"color: rgb(2550, 0, 0255);background-color: rgb(255191, 191, 191255);","cellRange":"","cellRange":"C2:C7""},{"rule":"lessThanOrEqual","dateRule":null,"formula":["0"],"pattern":""rule":"lessThanOrEqual","dateRule":null,"formula":["50"],"pattern":"{value}<='050'","style":"","style":"color: rgb(255, 0, 0);background-color: rgb(255, 191, 191);"","cellRange":"E2:E7""cellRange":"C2:C7"},{"rule":"textIsExactly","dateRule":null,"formula":["완료"],"pattern":"{value}='완료'","style":""rule":"lessThanOrEqual","dateRule":null,"formula":["0"],"pattern":"{value}<='0'","style":"color: rgb(0255, 1280, 0);background-color: rgb(191255, 223191, 191);","cellRange":"F2:F7"},{"rule":"textIsExactly","dateRule":null,"formula":["경고"],"pattern":"","cellRange":"E2:E7"},{"rule":"textIsExactly","dateRule":null,"formula":["완료"],"pattern":"{value}='경고완료'","style":"background-","style":"color: rgb(2550, 128, 0);background-color: rgb(191, 223, 191);"","cellRange":""cellRange":"F2:F7""},{"rule":"textIsExactly","dateRule":null,"formula":["진행중"],"pattern":""rule":"textIsExactly","dateRule":null,"formula":["경고"],"pattern":"{value}='진행중경고'","style":"","style":"background-color: rgb(255, 255191, 191);","cellRange":"","cellRange":"F2:F7""},{"rule":"textIsExactly","dateRule":null,"formula":["보류"],"pattern":""rule":"textIsExactly","dateRule":null,"formula":["진행중"],"pattern":"{value}='보류진행중'","style":"","style":"background-color: rgb(255, 233255, 191);","cellRange":"","cellRange":"F2:F7""},{"rule":"textIsExactly","dateRule":null,"formula":["검토 필요"],"pattern":""rule":"textIsExactly","dateRule":null,"formula":["보류"],"pattern":"{value}='검토 필요'","style":"보류'","style":"background-color: rgb(223255, 191233, 223191);","cellRange":"","cellRange":"F2:F7""},{"rule":"textIsExactly","dateRule":null,"formula":["완료"],"pattern":""rule":"textIsExactly","dateRule":null,"formula":["검토 필요"],"pattern":"{value}='완료'","style":"color: rgb(191, 191, 255)검토 필요'","style":"background-color: rgb(0223, 0191, 255223);"","cellRange":""cellRange":"F2:F7"}]` data-template-id="0" class=""> <colgroup> <col> <col> <col> <col> <col> <col> </colgroup> <tbody> <tr style="background-color: rgb(242, 242, 242);"> <th style="font-weight: 700; text-align: center; padding: 10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;"> <p style="margin: 0px;"><span>담당자</span></p> </th> <th style="font-weight: 700; text-align: center; padding: 10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;"> <p style="margin: 0px;"><span>지역</span></p> </th> <th style="font-weight: 700; text-align: center; padding: 10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;"> <p style="margin: 0px;"><span>목표 달성률(%)</span></p> </th> <th style="font-weight: 700; text-align: center; padding: 10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;"> <p style="margin: 0px;"><span>매출액 (USD)</span></p> </th> "},{"rule":"textIsExactly","dateRule":null,"formula":["완료"],"pattern":"{value}='완료'","style":"color: rgb(191, 191, 255);background-color: rgb(0, 0, 255);","cellRange":"F2:F7"}]" data-template-id="0"> <colgroup> <col> <col> <col> <col> <col> <col> </colgroup> <tbody> <tr style="background-color: rgb(242, 242, 242);"> <th style="font-weight: 700; text-align: center; padding: 10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;"> <p style="margin: 0px;"><span>전분기 대비(%)<><span>담당자</span></p> </th> <th style="font-weight: 700; text-align: center; padding: 10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;"> <p style="margin: 0px;"><span>진행 상태<><span>지역</span></p> </th> </tr> <tr> <td<th style="font-weight: 700; text-align: leftcenter; padding: 8px10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;"> <p style="margin: 0px;"><span>김철수><span>목표 달성률(Charles%)</span></p> </td>th> <td<th style="font-weight: 700; text-align: center; padding: 8px10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;"> <p style="margin: 0px;"><span>서울<><span>매출액 (USD)</span></p> </td>th> <td<th style="backgroundfont-colorweight: rgb(191, 191, 255)700; text-align: center; padding: 8px10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-> <p style="text-alignmargin: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right0px;"><span>전분기 대비(%)</span></p> </th> <th style="font-weight: 700; text-align: center; padding: 10px; border-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left"> <p style="margin: 0px;"><span>진행 상태</span></p> </th> </tr> <tr> <td style="text-align: left; padding: 8px; border-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px;"> <p style="margin: 0px;"><span><span>김철수 (Charles)</span></p> </td> <td style="colortext-align: rgb(0, 0, 255); backgroundcenter; padding: 8px; border-color: rgb(191221, 191221, 255221);" data-original-style="--use-origin-style: true;">120<border-style: solid; border-width: 1px;"> <p style="margin: 0px;"><span>서울</span></p> </td> <td style="background-color: rgb(210191, 191, 224255); text-align: rightcenter; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: rightcenter;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span style="color: rgb(750, 0, 130255); background-color: rgb(210191, 191, 224255);" data-original-style="--use-origin-style: true;">15,400<>120</span></p> </td> <td style="background-color: rgb(191210, 223191, 191224); text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span style="color: rgb(075, 1280, 0130); background-color: rgb(191210, 223191, 191224);" data-original-style="--use-origin-style: true;">+15<>15,400</span></p> </td> <td style="background-color: rgb(191, 223, 191); text-align: centerright; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: centerright;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span style="color: rgb(0, 128, 0); background-color: rgb(191, 223, 191);" data-original-style="--use-origin-style: true;">완료<>+15</span></p> </td> </tr> <tr> <td style=""background-color: rgb(191, 223, 191); text-align: leftcenter; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;"> <p style="margin: 0px;"><span>이영희 (Sarah)</span></p> </td> <td style="text-align: center; padding: 8px; border- data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px;"> <p style="margin: 0px;"><span>부산</span></p> </td> border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <td<p style="text-alignmargin: center0px; padding: 8px; border-"><span style="color: rgb(2210, 221128, 2210); borderbackground-stylecolor: solid; border-width: 1pxrgb(191, 223, 191);" data-original-style="text-align--use-origin-style: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-lefttrue;">완료</span></p> </td> </tr> <tr> <td style="text-align: left; padding: 8px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left"> <p style="margin: 0px;"><span>이영희 (Sarah)</span></p> </td> <td style="text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px;"> <p style="margin: 0px;"><span data-original-style="--use-origin-style: true;">95<><span>부산</span></p> </td> <td style="text-align: rightcenter; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: rightcenter;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span data-original-style="--use-origin-style: true;">9,500<>95</span></p> </td> <td style="background-color: rgb(191, 223, 191); text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span style="color: rgb(0, 128, 0); background-color: rgb(191, 223, 191);"<p style="margin: 0px;"><span data-original-style="--use-origin-style: true;">+2<>9,500</span></p> </td> <td style="background-color: rgb(255191, 255223, 191); text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left; padding: 8px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-lefttop-style: solid;border-lefttop-width: 1px;"> <p style="margin: 0px;"><span style="background 1px;border-right-color: rgb(255221, 255221, 191221);" databorder-originalright-style="--use-origin-style: true;">진행중</span></p> </td> </tr> <tr> <td style="text-align: left; padding: 8px; border: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px;"> <p style="margin: 0px;"><span>박민수 (Michael)</span></p> </td> <td ><span style="text-aligncolor: center; padding: 8px; borderrgb(0, 128, 0); background-color: rgb(221191, 221223, 221191);" border-style: solid; border-width: 1px;"> <p style="margin: 0px;"><span>대구<data-original-style="--use-origin-style: true;">+2</span></p> </td> <td style="background-color: rgb(255, 191255, 191); text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span style="color: rgb(255, 0, 0); background-color: rgb(255, 191255, 191);" data-original-style="--use-origin-style: true;">45</span></p> </td> <td style="text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original--origin-style: true;">진행중</span></p> </td> </tr> <tr> <td style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottomleft; padding: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left"> <p style="margin: 0px;"><span>박민수 (Michael)</span></p> </td> <td style="text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px;"> <p style="margin: 0px;"><span data-original-style="--use-origin-style: true;">4,200<><span>대구</span></p> </td> <td style="background-color: rgb(255, 191, 191); text-align: rightcenter; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: rightcenter;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span style="color: rgb(255, 0, 0); background-color: rgb(255, 191, 191);" data-original-style="--use-origin-style: true;">-12<>45</span></p> </td> <td style="background-color: rgb(255, 191, 191); text-align: centerright; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: centerright;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span data-original-style="--use-origin-style: true;">4,200</span></p> </td> <p style="margin: 0px;"><span style="background<td style="background-color: rgb(255, 191, 191); text-align: right; padding: 8px; border-color: rgb(255221, 191221, 191221); border-style: solid; border-width: 1px;" data-original-style="text--use-origin-style: true;">경고</span></p> </td> </tr> <tr> <td style="text-align: left; padding: 8px; borderalign: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px;"> <p style="margin: 0px;"><span>최지혜 (Jessica)</span></p> </td> <td style="text-align: center; padding: 8px; border-border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px;"> <p style="margin: 0px;"><span>광주<;"><span style="color: rgb(255, 0, 0); background-color: rgb(255, 191, 191);" data-original-style="--use-origin-style: true;">-12</span></p> </td> <td style="background-color: rgb(191255, 191, 255191); text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span style="color: rgb(0, 0, 255); background-color: rgb(191255, 191, 255191);" data-original-style="--use-origin-style: true;">105<>경고</span></p> </td> </td>tr> <tr> <td style="background-color: rgb(210, 191, 224); text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-leftleft; padding: 8px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left"> <p style="margin: 0px;"><span>최지혜 (Jessica)</span></p> </td> <td style="text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px;"> <p style="margin: 0px;"><span style="color: rgb(75, 0, 130); background-color: rgb(210, 191, 224);" data-original-style="--use-origin-style: true;">10,500<><span>광주</span></p> </td> <td style="background-color: rgb(191, 223191, 191255); text-align: rightcenter; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: rightcenter;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span style="color: rgb(0, 1280, 0255); background-color: rgb(191, 223191, 191255);" data-original-style="--use-origin-style: true;">+8<>105</span></p> </td> <td style="background-color: rgb(191210, 223191, 191224); text-align: centerright; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: centerright;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-topleft-style: solid;border-topleft-width: 1px;border-right-;"> <p style="margin: 0px;"><span style="color: rgb(75, 0, 130); background-color: rgb(221210, 221191, 221224);border-right" data-original-style="--use-origin-style: solid;border-right-width: 1px;border-bottomtrue;">10,500</span></p> </td> <td style="background-color: rgb(221191, 221223, 221191);border-bottom-style text-align: solid;border-bottom-widthright; padding: 1px8px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px;"> <p style="margin: 0px;"><span style=" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(0221, 128221, 0); background221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(191221, 223221, 191221);" databorder-originalright-style="--use-origin-style: true;">완료</span></p> </td> </tr> <tr> <td style="text-align: left; padding: 8px; border: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px;"> <p style="margin: 0px;"><span>정우성 (David)</span></p> </td> <td><span style="text-align: center; padding: 8px; border-color: rgb(2210, 221128, 2210); borderbackground-stylecolor: solid; border-width: 1px;"> <p style="margin: 0px;"><span>대전<rgb(191, 223, 191);" data-original-style="--use-origin-style: true;">+8</span></p> </td> <td style="background-color: rgb(255191, 191223, 191); text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-topbottom-width: 1px;border-rightleft-color: rgb(221, 221, 221);border-rightleft-style: solid;border-rightleft-width: 1px;border-bottom-;"> <p style="margin: 0px;"><span style="color: rgb(0, 128, 0); background-color: rgb(221191, 221223, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left191);" data-original-style="--use-origin-style: true;">완료</span></p> </td> </tr> <tr> <td style="text-align: left; padding: 8px; border-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px;"> <p style="margin: 0px;"><span><span>정우성 (David)</span></p> </td> <td style="colortext-align: rgb(255, 0, 0); backgroundcenter; padding: 8px; border-color: rgb(255221, 191221, 191221);" data-original-style="--use-origin-style: true;">20<border-style: solid; border-width: 1px;"> <p style="margin: 0px;"><span>대전</span></p> </td> <td style="background-color: rgb(255, 191, 191); text-align: rightcenter; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: rightcenter;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;" class=""> <p style="margin: 0px;"><span style="color: rgb(255, 0, 0); background-color: rgb(255, 191, 191);" data-original-style="--use-origin-style: true;">1,800<>20</span></p> </td> <td style="background-color: rgb(255, 191, 191); text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span style="color: rgb(255, 0, 0); background-color: rgb(255, 191, 191);" data-original-style="--use-origin-style: true;">-25<>1,800</span></p> </td> <td style="background-color: rgb(255, 233191, 191); text-align: centerright; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: centerright;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span style="color: rgb(255, 0, 0); background-color: rgb(255, 233191, 191);" data-original-style="--use-origin-style: true;">보류<>-25</span></p> </td> </tr> <tr> <td style="<td style="background-color: rgb(255, 233, 191); text-align: leftcenter; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;"> <p style="margin: 0px;"><span>강하늘 (Emily)</span></p> </td> <td style="text-align: center; padding: 8px; border data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px;"> <p style="margin: 0px;"><span>인천</span></p> </td> <td style="text-align: center; padding: 8px; borderborder-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px;" data-original-> <p style="text-alignmargin: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top0px;"><span style="background-color: rgb(255, 233, 191);" data-original-style="--use-origin-style: true;">보류</span></p> </td> </tr> <tr> <td style="text-align: left; padding: 8px; border-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left"> <p style="margin: 0px;"><span>강하늘 (Emily)</span></p> </td> <td style="text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px;"> <p style="margin: 0px;"><span data-original-style="--use-origin-style: true;">88<><span>인천</span></p> </td> <td style="text-align: rightcenter; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: rightcenter;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span data-original-style="--use-origin-style: true;">8,800<>88</span></p> </td> <td style="background-color: rgb(191, 223, 191); text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span style="color: rgb(0, 128, 0); background-color: rgb(191, 223, 191);" style="margin: 0px;"><span data-original-style="--use-origin-style: true;">0<>8,800</span></p> </td> <td style="background-color: rgb(191, 223, 191, 223); text-align: centerright; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-topbottom-style: solid;border-topbottom-width: 1px;border-rightleft-color: rgb(221, 221, 221);border-rightleft-style: solid;border-right-width: 1px;border-bottom;border-left-width: 1px;"> <p style="margin: 0px;"><span style="color: rgb(0, 128, 0); background-color: rgb(191, 223, 191);" data-original-style="--use-origin-style: true;">0</span></p> </td> <td style="background-color: rgb(221223, 221191, 221223);border-bottom-style text-align: solid;border-bottom-widthcenter; padding: 1px8px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px;"> <p style="margin: 0px;"><span style="background-color: rgb(223, 191, 223) 1px;" data-original-style="text--use-origin-style: true;">검토 필요</span></p> </td> </tr> </tbody> </table> </div> </div> <script> const config = Object.assign(synapEditorConfig, { "editor.license":"/se/resource/license.json", "editor.toolbar": ["new","table"], "editor.menu.show": false, "editor.import.maxSize": 10485760, "editor.import.api": "/se/importDoc", "editor.upload.maxSize": 3145728, "editor.upload.image.api": "/se/uploadFile", "editor.upload.video.api": "/se/uploadFile", "editor.upload.file.api": "/se/uploadFile" }); align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;"> <p style="margin: 0px;"><span style="background-color: rgb(223, 191, 223);" data-original-style="--use-origin-style: true;">검토 필요</span></p> </td> </tr> </tbody> </table>` window.editor = new SynapEditor("synapEditor", config, document.getElementById('synapEditor').innerHTML); window.editor.openHTML(html); </script> |