前言
在基于移动端的前端开发过程中,会使用类似PC端的列表展示,即table表格的使用,但是基于移动端的前端框架Vant是没有提供对应的组件库,这就需要使用JS原生的Table,需要在基于移动端的前端开发的时候结合原生的表格使用,那么本篇博文就来分享一下关于在前端开发的时候基于移动端的JS原生Table的运用。
操作步骤
在界面中创建table的具体方法很简单,只需要设置好标签、数据源、样式三部分之后就可以了,使用起来也是非常简单和方便,这样就解决了基于移动端想要实现类似PC端的table效果,具体的核心代码如下所示:
1、table的标签设置模块
<template>
<div class="project-content-table">
<table class="table text-nowrap">
<thead>
<th class="table-header-th" v-for="(cell, colIndex) in header" :key="colIndex">
<span class="table-he