使用自定义html css的Google fusion table自定义信息窗口

时间:2018-06-13 17:00:07

标签: html css google-fusion-tables

我正在自定义Google Fusion Table Info窗口,并将其放入html css代码中以显示自定义表格,该表格看起来像this image

对于此表,生成的html css代码为:

<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-qmfn{font-size:12px;font-family:Verdana, Geneva, sans-serif !important;;border-color:inherit}
.tg .tg-jxii{font-weight:bold;font-size:12px;font-family:Verdana, Geneva, sans-serif !important;;border-color:#000000}
.tg .tg-uxoj{font-weight:bold;font-size:12px;font-family:Verdana, Geneva, sans-serif !important;;background-color:#329a9d;border-color:inherit}
.tg .tg-q7b7{font-size:12px;font-family:Verdana, Geneva, sans-serif !important;;background-color:#efefef;border-color:inherit;text-align:center}
.tg .tg-t4hn{font-size:12px;font-family:Verdana, Geneva, sans-serif !important;;border-color:#000000}
.tg .tg-le8v{background-color:#c0c0c0;vertical-align:top}
.tg .tg-ub3f{font-size:12px;font-family:Verdana, Geneva, sans-serif !important;;border-color:inherit;text-align:center}
.tg .tg-t0j2{font-size:12px;font-family:Verdana, Geneva, sans-serif !important;;background-color:#329a9d;border-color:inherit}
.tg .tg-p3zw{font-weight:bold;font-size:12px;font-family:Verdana, Geneva, sans-serif !important;;border-color:inherit;text-align:center}
.tg .tg-ikji{font-weight:bold;font-size:12px;font-family:Verdana, Geneva, sans-serif !important;;border-color:inherit}
.tg .tg-to3y{font-weight:bold;font-size:12px;font-family:Verdana, Geneva, sans-serif !important;;background-color:#efefef;border-color:inherit}
.tg .tg-bgp8{font-size:12px;font-family:Verdana, Geneva, sans-serif !important;;border-color:inherit;vertical-align:top}
.tg .tg-qaor{font-weight:bold;font-size:12px;font-family:Verdana, Geneva, sans-serif !important;;border-color:inherit;vertical-align:top}
</style>
<table class="tg" style="undefined;table-layout: fixed; width: 1175px">
<colgroup>
<col style="width: 317px">
<col style="width: 84px">
<col style="width: 80px">
<col style="width: 153px">
<col style="width: 21px">
<col style="width: 21px">
<col style="width: 142px">
<col style="width: 89px">
<col style="width: 116px">
<col style="width: 166px">
</colgroup>
  <tr>
    <th class="tg-le8v" colspan="10"></th>
  </tr>
  <tr>
    <td class="tg-uxoj"><b>Anganwadi Center</td>
    <td class="tg-ub3f" colspan="3">{Anganwadi Centre}</td>
    <td class="tg-uxoj" colspan="3"><b>Building</td>
    <td class="tg-ub3f" colspan="3">{Building}</td>
  </tr>
  <tr>
    <td class="tg-uxoj"><b>Sector</td>
    <td class="tg-ub3f" colspan="3">{Sector}</td>
    <td class="tg-uxoj" colspan="3"><b>Drinking Water</td>
    <td class="tg-ub3f" colspan="3">{Drinking Water}</td>
  </tr>
  <tr>
    <td class="tg-uxoj"><b>Block</td>
    <td class="tg-ub3f" colspan="3">{Project/Block}</td>
    <td class="tg-uxoj" colspan="3"><b>Functioning Toilet</td>
    <td class="tg-ub3f" colspan="3">{Toilet Facility}</td>
  </tr>
  <tr>
    <td class="tg-uxoj"><b>District</td>
    <td class="tg-ub3f" colspan="3">{District}</td>
    <td class="tg-t0j2" colspan="3"></td>
    <td class="tg-ub3f" colspan="3"></td>
  </tr>
  <tr>
    <td class="tg-qmfn" rowspan="2"></td>
    <td class="tg-p3zw" colspan="6"><b>Children</td>
    <td class="tg-p3zw" colspan="3"><b>Girls &amp; Women</td>
  </tr>
  <tr>
    <td class="tg-ub3f" colspan="2">0-6 months</td>
    <td class="tg-ub3f" colspan="2">6 months - 3 yrs</td>
    <td class="tg-ub3f" colspan="2">3 - 6 yrs</td>
    <td class="tg-ub3f">Adolescent</td>
    <td class="tg-ub3f">Pregnant</td>
    <td class="tg-ub3f">Lactating</td>
  </tr>
  <tr>
    <td class="tg-ikji"><b>Target audience as per anganwadi audience</td>
    <td class="tg-ub3f" colspan="2">{Children|0-6 Months}</td>
    <td class="tg-ub3f" colspan="2">{Children|6 months - 3 yrs}</td>
    <td class="tg-ub3f" colspan="2">{Children|3 - 6 yrs}</td>
    <td class="tg-ub3f">{Girls & Women|Adolescent}</td>
    <td class="tg-ub3f">{Girls & Women|Pregnant}</td>
    <td class="tg-ub3f">{Girls & Women|Lactating}</td>
  </tr>
  <tr>
    <td class="tg-to3y" colspan="10"><b>Services:</td>
  </tr>
  <tr>
    <td class="tg-qmfn">SNP: THR</td>
    <td class="tg-ub3f" colspan="2">{Children|0-6 Months|SNP: THR}</td>
    <td class="tg-ub3f" colspan="2">{Children|6 months - 3 yrs|SNP: THR}</td>
    <td class="tg-ub3f" colspan="2">{Children|3 - 6 yrs|SNP: THR}</td>
    <td class="tg-ub3f">{Girls & Women|Adolescent|SNP: THR}</td>
    <td class="tg-ub3f">{Girls & Women|Pregnant|SNP: THR}</td>
    <td class="tg-ub3f">{Girls & Women|Lactating|SNP: THR}</td>
  </tr>
  <tr>
    <td class="tg-qmfn">SNP: Hot Cooked Meals</td>
    <td class="tg-ub3f" colspan="2"></td>
    <td class="tg-ub3f" colspan="2"></td>
    <td class="tg-ub3f" colspan="2">{Children|3 - 6 yrs|SNP: Hot Cooked Meals}</td>
    <td class="tg-ub3f"></td>
    <td class="tg-ub3f"></td>
    <td class="tg-ub3f"></td>
  </tr>
  <tr>
    <td class="tg-qmfn">Preschool Education</td>
    <td class="tg-ub3f" colspan="2"></td>
    <td class="tg-ub3f" colspan="2"></td>
    <td class="tg-ub3f" colspan="2">{Children|3 - 6 yrs|Preschool Education}</td>
    <td class="tg-ub3f"></td>
    <td class="tg-ub3f"></td>
    <td class="tg-ub3f"></td>
  </tr>
  <tr>
    <td class="tg-to3y" colspan="10"><b>Status:</td>
  </tr>
  <tr>
    <td class="tg-qmfn">Targets excluded/risk of exclusion</td>
    <td class="tg-ub3f" colspan="4"></td>
    <td class="tg-p3zw" colspan="2">{Children  (3 - 6 yrs) Targets excluded/risk of exclusion}</td>
    <td class="tg-ub3f">{Girls & Women|Adolescent| Targets excluded/risk of exclusion}</td>
    <td class="tg-ub3f">{Girls & Women|Pregnent| Targets excluded/risk of exclusion}</td>
    <td class="tg-ub3f">{Girls & Women|Lactating| Targets excluded/risk of exclusion}</td>
  </tr>
  <tr>
    <td class="tg-qmfn">Normal</td>
    <td class="tg-ub3f" colspan="4">{No. of Children (0-3 years) |Normal}</td>
    <td class="tg-ub3f" colspan="2">{No. of Children (3-5 years)|Normal}</td>
    <td class="tg-ub3f"></td>
    <td class="tg-ub3f"></td>
    <td class="tg-ub3f"></td>
  </tr>
  <tr>
    <td class="tg-qmfn">Moderately Malnourised (MAM)</td>
    <td class="tg-ub3f" colspan="4">{No. of Children (0-3 years)|Moderately Malnourised (MAM)}</td>
    <td class="tg-ub3f" colspan="2">{No. of Children (3-5 years)|Moderately Malnourised (MAM)}</td>
    <td class="tg-ub3f"></td>
    <td class="tg-ub3f"></td>
    <td class="tg-ub3f"></td>
  </tr>
  <tr>
    <td class="tg-qmfn">Severely Malnourished (SAM)</td>
    <td class="tg-ub3f" colspan="4">{No. of Children (0-3 years)|Severely Malnourished (SAM)}</td>
    <td class="tg-ub3f" colspan="2">{No. of Children (3-5 years)|Severely Malnourished (SAM)}</td>
    <td class="tg-ub3f"></td>
    <td class="tg-ub3f"></td>
    <td class="tg-ub3f"></td>
  </tr>
  <tr>
    <td class="tg-qmfn">Targets at risk of not being measured</td>
    <td class="tg-p3zw" colspan="4">{Children  (0 months - 3 yrs) Targets at risk of not being measured}</td>
    <td class="tg-p3zw" colspan="2">{Children  (3 - 6 yrs) Targets at risk of not being measured}</td>
    <td class="tg-ub3f"></td>
    <td class="tg-ub3f"></td>
    <td class="tg-ub3f"></td>
  </tr>
  <tr>
    <td class="tg-q7b7" colspan="10"></td>
  </tr>
  <tr>
    <td class="tg-jxii"><b>Location on Maps</td>
    <td class="tg-jxii" colspan="2"><b>Photo</td>
    <td class="tg-jxii" colspan="2"><b>360 View</td>
    <td class="tg-t4hn" colspan="5"></td>
  </tr>
  <tr>
    <td class="tg-qmfn"><a 
    target="_blank" href="{Location on Maps}">Click Here</a></td>
    <td class="tg-qmfn" colspan="2"><a
    target="_blank" href="{Anganwadi_Image}"><img src="{Anganwadi_Image}"
      style="width: 150px; height: 130px;"  /></a></td>
    <td class="tg-qmfn" colspan="2"><a
    target="_blank" href="{Anganwadi_VR_Image}"><img src="{Anganwadi_VR_Image}"
      style="width: 150px; height: 130px;"  /></a></td>
    <td class="tg-ikji" colspan="2"><b>Supervisor</td>
    <td class="tg-qmfn" colspan="3">{Anganwadi Supervisor}</td>
  </tr>
  <tr>
    <td class="tg-bgp8" colspan="5"></td>
    <td class="tg-qaor" colspan="2"><b>CPDO</td>
    <td class="tg-bgp8" colspan="3">{Anganwadi CDPO}</td>
  </tr>
</table>

Fusion表给出了错误,它正在识别这一行 {border-collapse:collapse;border-spacing:0;} 作为我输入excel表的列。我没有html / css的经验。可用的信息herehere没有多大帮助。

1 个答案:

答案 0 :(得分:-1)

管理重新编写代码,该代码在InfoWindow中提供了所需的输出。 适用于Google融合信息窗口的代码是:

<div
class="googft-info-window"
   style="width:800px; height: 400px">
<table style="width:800px; font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:white">
<tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102"><b>Anganwadi Center</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="3">{Anganwadi Centre}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102 " colspan="3"><b>Building</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="3">{Building}</td>
</tr>
<tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102"><b>Sector</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="3">{Sector}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102" colspan="3"><b>Drinking Water</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="3">{Drinking Water}</td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102"><b>Block</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="3">{Project/Block}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102" colspan="3"><b>Functioning Toilet</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="3">{Toilet Facility}</td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102"><b>District</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="3">{District}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="3"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="3"></td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" rowspan="2"></td>
    <td style="afont-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#329a9d" colspan="6"><b>  Children  </td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#329a9d" colspan="3"><b> Girls &amp; Women </td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102" colspan="2">0-6 months</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102" colspan="2">6 months - 3 yrs</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102" colspan="2">3 - 6 yrs</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102">Adolescent</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102">Pregnant</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102">Lactating</td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102"><b>Target audience as per anganwadi audience</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2">{Children|0-6 Months}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2">{Children|6 months - 3 yrs}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2">{Children|3 - 6 yrs}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black">{Girls & Women|Adolescent}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black">{Girls & Women|Pregnant}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black">{Girls & Women|Lactating}</td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#efefef" colspan="10"><b>Services:</td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102">SNP: THR</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2">{Children|0-6 Months|SNP: THR}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2">{Children|6 months - 3 yrs|SNP: THR}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2">{Children|3 - 6 yrs|SNP: THR}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black">{Girls & Women|Adolescent|SNP: THR}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black">{Girls & Women|Pregnant|SNP: THR}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black">{Girls & Women|Lactating|SNP: THR}</td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102">SNP: Hot Cooked Meals</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2">{Children|3 - 6 yrs|SNP: Hot Cooked Meals}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102">Preschool Education</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2">{Children|3 - 6 yrs|Preschool Education}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#efefef" colspan="10"><b>Status:</td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102">Targets excluded/risk of exclusion</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="4"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2">{Children  (3 - 6 yrs) Targets excluded/risk of exclusion}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black">{Girls & Women|Adolescent| Targets excluded/risk of exclusion}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black">{Girls & Women|Pregnent| Targets excluded/risk of exclusion}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black">{Girls & Women|Lactating| Targets excluded/risk of exclusion}</td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102">Normal</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="4">{No. of Children (0-3 years) |Normal}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2">{No. of Children (3-5 years)|Normal}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102">Moderately Malnourised (MAM)</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="4">{No. of Children (0-3 years)|Moderately Malnourised (MAM)}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2">{No. of Children (3-5 years)|Moderately Malnourised (MAM)}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102">Severely Malnourished (SAM)</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="4">{No. of Children (0-3 years)|Severely Malnourished (SAM)}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2">{No. of Children (3-5 years)|Severely Malnourished (SAM)}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102">Targets at risk of not being measured</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="4">{Children  (0 months - 3 yrs) Targets at risk of not being measured}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2">{Children  (3 - 6 yrs) Targets at risk of not being measured}</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"></td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="10"></td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102"><b>Location on Maps</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102" colspan="2"><b>Photo</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102" colspan="2"><b>360 View</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="5"></td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black"><a
    target="_blank" href="{Location on Maps}">Click Here</a></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2"><a
    target="_blank" href="{Anganwadi_Image}"><img src="{Anganwadi_Image}"
      style="width: 150px; height: 130px;"  /></a></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="2"><a
    target="_blank" href="{Anganwadi_VR_Image}"><img src="{Anganwadi_VR_Image}"
      style="width: 150px; height: 130px;"  /></a></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue;background-color:#f8a102" colspan="2"><b>Supervisor</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:blue" colspan="3">{Anganwadi Supervisor}</td>
  </tr>
  <tr>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="5"></td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black;background-color:#f8a102" colspan="2"><b>CPDO</td>
    <td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:auto;word-break:normal;border-color:black" colspan="3">{Anganwadi CDPO}</td>
  </tr>
</table>
</div>