Falta la cuadrícula de MS Excel a HTML en Google Chrome

Estoy tratando de convertir de la hoja de cálculo de Excel (.xls) a html a través de MS Excel 2010, pero quiero mantener las líneas de la cuadrícula. Así que estoy resaltando todas las celdas -> celdas de formato -> contorno y dentro de bordes preestablecidos, borde normal, color negro, y luego haciendo la exportación. Visto con IE y Firefox, las fronteras están ahí. Sin embargo, cuando se ve con cromo, los bordes se han ido y en su lugar veo style = "border-left: none;" dentro de cada etiqueta td.Falta la cuadrícula de MS Excel a HTML en Google Chrome

El propósito de esto es hacer una vista previa de hoja de cálculo de Excel para una página web, y parece que la ruta de exportación a html es probablemente la más fácil. ¿Alguien sabe de una mejor ruta?

Estoy pensando que mi única solución puede ser simplemente tener javascript check específicamente para chrome y editar los estilos border left/right/top/bottom en todas las etiquetas td. ¿Se me escapa algo?

Además, ¿hay alguna manera de mantener los números de fila y los encabezados de las columnas en la versión html?

Fuente

2011-06-20 Brad T.

Puede hacer un buscar/reemplazar para todas las instancias donde el código fuente lee border-left:none, border:none, etc. ... luego use estilos css para asegurarse de que las líneas de la cuadrícula permanezcan con los datos. Suponiendo que se exporta como una tabla, utilice

<style type="text/css"> 
    table{ 
     border: 2px solid #000000; 
    } 
    td{ 
     border: 1px solid #000000; 
    } 
</style>

(formato a su propio gusto y gusto)

En cuanto a los números de fila y encabezados de columna, que depende de la cantidad de datos que tiene. Si no hay mucho, sería más fácil escribir a mano los encabezados y números. Si es mucho, la mejor manera sería usar javascript o un lenguaje del lado del servidor para imprimir los encabezados de las filas por usted.

Fuente

2011-06-20 20:41:25 alquatoun

Usando las herramientas de desarrollo de Chrome, encontré ese estilo para trabajar con los elementos de la tabla pero no con los elementos td. Los elementos td tienen nombres de clase class = "xl165", que cuando se eliminan permiten que se muestren los bordes td (excepto la sección en línea de borde izquierdo, que también debe eliminarse del atributo de estilo en línea). En resumen, a través de javascript, uno podría inyectar sus estilos en la hoja de estilo en línea que ya está allí, luego eliminar ese nombre de clase y el estilo de borde en línea de cada etiqueta td. Necesitaría hacer clic en conjunto en todas las pestañas en el marco de la hoja de trabajo para llamar a este código. –

o podría modificar la clase 'xl165' usted mismo, y simplemente use el nombre que dieron todas esas celdas y estírelo a su manera en el CSS ... podría ser un poco menos desordenado de esa manera – alquatoun

Eso sería mucho una solución más eficiente si no fuera por los estilos de borde en línea individuales en cada etiqueta td. ------ Me acabo de dar cuenta de que probablemente podría hacer un reemplazo de cadena para "borde *: ninguno" para "borde: 1px sólido # 000" en el servidor para cada página de la hoja de cálculo después de generar la hoja de cálculo y exportarlo a html. Mientras estoy jugando con ello a través de python o lo que sea, también puedo contar el número de etiquetas tr, y luego encontrar la mayor cantidad de etiquetas td dentro de una única etiqueta tr, y generar los números de línea y los encabezados de columna desde allí. Básicamente base 10 a base 26 para los encabezados. –

Una forma alternativa es acceder a su unidad de Google, importar su archivo xls y luego descargarlo como un archivo html. La página web generada funciona perfectamente tanto en Chrome como en IE.

Fuente

2013-11-10 04:24:07

Una solución muy perezosa es seleccionar la línea de borde de mayor tamaño en Excel antes de guardarla como página web. Me estaba molestando hace un tiempo y es la solución que encontré y la utilicé desde entonces, mantuve un grupo de hockey exportando las estadísticas de los equipos diarios en las tablas & y se muestra bien en Chrome usando este truco.

Fuente

2013-12-13 17:52:54

Falta la cuadrícula de MS Excel a HTML en Google Chrome

Respuesta

Cuestiones relacionadas