Как выровнять кнопку отмены так, чтобы она синхронизировалась с переменным размером таблицы?

Вы можете манипулировать URL-адресом с помощью метода String.prototype.substring . В приведенном ниже примере я создал функцию, которая берет строку url и проверяет дублирующий параметр - она ​​возвращает новую строку с удалением второго вхождения.

var url = "https://myApp-ajj.com/sp?id=cat_item&sys_id=cf9f149cdbd25f00d080591e5e961920&sys_id=cf9f149cdbd25f00d080591e5e961920&sysp_Id=a691acd9dbdf1bc0e9619fb&sysparm_CloneTable=sc_request&sysparm_CloneTable=sc_request";

function stripDuplicateUrlParameter(url, parameterName) {
  //get the start index of the repeat occurrance
  var repeatIdx = url.lastIndexOf('sys_id');
  var prefix = url.substring(0, repeatIdx);
  var suffix = url.substring(repeatIdx);
  //remove the duplicate part from the string
  suffix = suffix.substring(suffix.indexOf('&') + 1);

  return prefix + suffix;
}

console.log(stripDuplicateUrlParameter(url));

Это решает вашу конкретную проблему, но не будет работать, если параметр произошел более чем в два раза, или если второе вхождение строки не сразу после первого - вы, вероятно, напишете что-то более сложное.

Как кто-то уже спросил - почему параметр url дублируется в строке? Есть ли способ исправить это? (потому что вопрос, который, как мне кажется, представляет собой решение для групповой помощи, и это является основной проблемой).

0
задан Hp_issei 19 January 2019 в 09:16
поделиться

2 ответа

Мне нравится Flex Box , возможно, вы сможете работать в структуре, которая будет выглядеть примерно как

<body>
  <div class="form">
    <input>
      ...some input fields
    </input>
    <button>My Submit</button>
  </div>
<body> 

, а затем ваша CSS

.form{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

центрирует все дочерние элементы в вашем .form div по вертикали и по горизонтали в .form без указания отступа или поля

0
ответ дан Corey Gibson 19 January 2019 в 09:16
поделиться

Думаю, я немного опоздал, но вы могли бы сделать это следующим образом:

tr{
	  height: 10px;
	  width:100px;
	}
	table{
	  width: 100%;
	}
	table, tr, td {
	  border: 1px solid black;
	}
	.container{
		display: flex;
	}
	.tableContainer{
		width:80%;
	}
	.submitContainer{
		display: flex;
		align-items: center;
		justify-content: center;
		width:20%;
	}
<div class="container">
	<div class='tableContainer'>
		<table>
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</table>
	</div>
	<div class='submitContainer'>
		<button>CLick me </button>
	</div>
</div>

0
ответ дан Aditya Gupta 19 January 2019 в 09:16
поделиться
Другие вопросы по тегам:

Похожие вопросы: