asb_cloud_front/src/components/Nnb.jsx

import {Table} from 'antd'

const columns = [
  {
      title: 'Глубина по стволу, м',
      key: 'depth',
      dataIndex: 'depth',
      align: 'center',
  },
  {
      title: 'Зенитный угол, град',
      key: 'zenithAngle',
      dataIndex: 'zenithAngle',
      align: 'center'
  },
  {
    title: 'Азимут магнитный, град',
    key: 'magneticAzimuth',
    dataIndex: 'magneticAzimuth',
    align: 'center'
  },
  {
    title: 'Азимут истинный, град',
    key: 'trueAzimuth',
    dataIndex: 'trueAzimuth',
    align: 'center'
  },
  {
    title: 'Азимут дирекц., град',
    key: 'directAzimuth',
    dataIndex: 'directAzimuth',
    align: 'center'
  },
  {
    title: 'Глубина по вертикали, м',
    key: 'verticalDepth',
    dataIndex: 'verticalDepth',
    align: 'center'
  },
  {
    title: 'Абсолютная отметка, м',
    key: 'absoluteMark',
    dataIndex: 'absoluteMark',
    align: 'center'
  },
  {
    title: 'Лок. смещение к северу, м',
    key: 'localNorthOffset',
    dataIndex: 'localNorthOffset',
    align: 'center'
  },
  {
    title: 'Лок. смещение к востоку, м',
    key: 'localEastOffset',
    dataIndex: 'localEastOffset',
    align: 'center'
  },
  {
    title: 'Отклонение от устья, м',
    key: 'outFallOffset',
    dataIndex: 'outFallOffset',
    align: 'center'
  },
  {
    title: 'Азимут смещения, град',
    key: 'offsetAzimuth',
    dataIndex: 'offsetAzimuth',
    align: 'center'
  },
  {
    title: 'Пространст. интенсивность, град/10 м',
    key: 'areaIntensity',
    dataIndex: 'areaIntensity',
    align: 'center'
  },
  {
    title: 'Угол установки отклон., град',
    key: 'offsetStopAngle',
    dataIndex: 'offsetStopAngle',
    align: 'center'
  },
  {
    title: 'Интенсив. по зениту, град/10 м',
    key: 'zenithIntensity',
    dataIndex: 'zenithIntensity',
    align: 'center'
  },
  {
    title: 'Комментарий',
    key: 'comment',
    dataIndex: 'comment',
    align: 'center'
  },
  {
    title: 'Разница вертикальных глубин между ХХХ (план) и ХХХ (факт)',
    key: 'depthPlanFactDifference',
    dataIndex: 'depthPlanFactDifference',
    align: 'center'
  },
  {
    title: 'Расстояние в пространстве между ХХХ (план) и ХХХ (факт)',
    key: 'distancePlanFactDifference',
    dataIndex: 'distancePlanFactDifference',
    align: 'center'
  }
];

const data = []

export function Nnb() {
  return (<>
    <Table
      columns={columns}
      dataSource={data}
      size={'small'}
      bordered={true}
      pagination={false}
    />
    <div>&nbsp;</div>
    <p style={{textAlign: "right"}}><b>{new Date().toLocaleString()}</b></p>
  </>)
}