скрытые столбцы все еще отображаются в моем браузере, в чем проблема? - PullRequest
Новая
       27

скрытые столбцы все еще отображаются в моем браузере, в чем проблема?

0 голосов
/ 30 мая 2019

У меня есть лист Excel с некоторыми скрытыми столбцами.

Я хочу экспортировать его как веб-страницу, поэтому я сохраняю его в формате html, но когда я открываю его в своем браузере (IE и chrome), скрытые столбцы по-прежнему отображаются.

Чтоя могу сделать, чтобы решить эту проблему?

Спасибо:)

Ответы [ 2 ]

0 голосов
/ 30 мая 2019

Мой код слишком длинный, но есть некоторая часть этого: 

<table border=0 cellpadding=0 cellspacing=0 width=1594 style='border-collapse:
 collapse;table-layout:fixed;width:1195pt'>
 <col class=xl130 width=56 style='mso-width-source:userset;mso-width-alt:2048;
 width:42pt'>
 <col class=xl172 width=512 style='mso-width-source:userset;mso-width-alt:18724;
 width:384pt'>
 <col class=xl81 width=63 style='mso-width-source:userset;mso-width-alt:2304;
 width:47pt'>
 <col class=xl130 width=35 style='mso-width-source:userset;mso-width-alt:1280;
 width:26pt'>
 <col class=xl81 width=164 style='mso-width-source:userset;mso-width-alt:5997;
 width:123pt'>
 <col class=xl81 width=173 style='mso-width-source:userset;mso-width-alt:6326;
 width:130pt'>
 <col class=xl81 width=313 style='mso-width-source:userset;mso-width-alt:11446;
 width:235pt'>
 <col class=xl81 width=0 style='display:none;mso-width-source:userset;
 mso-width-alt:5302'>
 <col class=xl81 width=0 style='display:none;mso-width-source:userset;
 mso-width-alt:3693'>
 <col class=xl81 width=0 style='display:none;mso-width-source:userset;
 mso-width-alt:5778'>
 <col class=xl81 width=0 style='display:none;mso-width-source:userset;
 mso-width-alt:3291'>
 <col class=xl81 width=0 style='display:none;mso-width-source:userset;
 mso-width-alt:3108'>
 <col class=xl81 width=0 style='display:none;mso-width-source:userset;
 mso-width-alt:6107'>
 <col class=xl81 width=0 style='display:none;mso-width-source:userset;
 mso-width-alt:1462'>
 <col class=xl81 width=0 style='display:none;mso-width-source:userset;
 mso-width-alt:5997'>
 <col class=xl81 width=40 style='mso-width-source:userset;mso-width-alt:1462;
 width:30pt'>
 <col class=xl81 width=0 style='display:none;mso-width-source:userset;
 mso-width-alt:35437'>
 <col class=xl81 width=63 span=2 style='width:47pt'>
 <col class=xl81 width=52 style='mso-width-source:userset;mso-width-alt:1901;
 width:39pt'>
 <col class=xl81 width=60 style='mso-width-source:userset;mso-width-alt:2194;
 width:45pt'>
 <tr height=40 style='mso-height-source:userset;height:30.0pt'>
  <td height=40 class=xl192 width=56 style='height:30.0pt;width:42pt'><a
0 голосов
/ 30 мая 2019

Найдите столбец nth , который вы хотите скрыть, и примените CSS, как показано ниже.Убедитесь, что ваш CSS находится внутри блока <style>;

В следующем примере я скрываю второй столбец.

Подробнее о псевдокласс CSS nt-child 

table tr td:nth-child(2) {
  display: none;
}
<table>
  <tbody>
    <tr>
      <td>Visible Header</td>
      <td>Hidden Header</td>
    </tr>
    <tr>
      <td>Visible Column</td>
      <td>Hidden Column</td>
    </tr>
  </tbody>
</table>
...